@form-create/arco-design/src/parsers/datePicker.js

arco-design动态表单|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 k

import {creatorFactory} from '@form-create/core/src/index';

const FORMAT_TYPE = {
    date: 'YYYY-MM-DD',
    month: 'YYYY-MM',
    week: 'YYYY-wo',
    year: 'YYYY',
    quarter: 'YYYY-Q',
};

const name = 'datePicker';

export default {
    name,
    maker: (function () {
        return ['date', 'month', 'week', 'year', 'quarter'].reduce((initial, mode) => {
            initial[mode] = creatorFactory(name, {mode});
            return initial
        }, {
            dateRange: creatorFactory(name, {range: true}),
            datetimeRange: creatorFactory(name, m => m.props({range: true, showTime: true}))
        })
    }()),
    mergeProp(ctx) {
        const props = ctx.prop.props;
        const type = props.mode;
        if (!props.valueFormat) {
            props.valueFormat = (FORMAT_TYPE[type] || FORMAT_TYPE['date']) + ((props.showTime && (!type || type === 'date')) ? ' HH:mm:ss' : '');
        }
    },
    render(children, ctx) {
        return ctx.$render.vNode[(ctx.prop.props.range === true ? 'range' : 'date') + 'Picker'](ctx.prop, children);
    }

}