@cainiaofe/cn-ui-m
Version:
24 lines (23 loc) • 1.78 kB
JavaScript
import React from 'react';
import { CnDatePickerPro, CnDemoBlock, CnDemoPage, CnRangeDatePickerPro, } from "../../..";
var defaultVal = '2020-02-02';
var defaultRangeVal = ['2020-01-01', '2020-02-02'];
var defaultDateTimeRangeVal = ['2020-01-01 11:22:33', '2020-02-02 22:33:44'];
export var 格式化 = function () {
return (React.createElement(CnDemoPage, { title: "\u683C\u5F0F\u5316" },
React.createElement(CnDemoBlock, { title: "\u683C\u5F0F\u5316", padding: 0 },
React.createElement("div", null,
React.createElement(CnDatePickerPro, { defaultValue: defaultVal, format: "YYYY/MM/DD", onChange: console.log }),
React.createElement(CnDatePickerPro, { defaultValue: defaultVal, format: function (day) {
return day.format('YYYY-MM-DD HH:mm:ss');
}, onChange: console.log }),
React.createElement("div", null,
React.createElement(CnDatePickerPro, { defaultValue: defaultVal, showTime: true, format: "YYYY/MM/DD HH:mm:ss" }),
React.createElement("div", null,
React.createElement(CnDatePickerPro, { defaultValue: defaultVal, mode: "calendar", format: "YYYY/MM/DD HH:mm", showTime: true, timePanelProps: { format: 'HH:mm' } })),
React.createElement("div", null,
React.createElement(CnRangeDatePickerPro, { defaultValue: defaultRangeVal, endOfDay: [false, true], format: "YYYY/MM/DD" })),
React.createElement("div", null,
React.createElement(CnRangeDatePickerPro, { defaultValue: defaultDateTimeRangeVal, format: "YYYY/MM/DD HH:mm:ss", showTime: true })))))));
};
export default { title: 'demo/CnDatePickerPro' };