@cainiaofe/cn-ui-m
Version:
25 lines (24 loc) • 1.73 kB
JavaScript
import React from 'react';
import { CnCalendar, CnDemoBlock, CnDemoDescription, CnDemoPage, } from "../../..";
var defaultSingle = new Date('2022-03-09');
var defaultRange = [
new Date('2022-03-09'),
new Date('2022-03-21'),
];
export var 基本 = function () {
return (React.createElement(CnDemoPage, { title: "\u57FA\u672C" },
React.createElement(CnDemoBlock, { title: "\u4EC5\u5C55\u793A" },
React.createElement(CnCalendar, null),
React.createElement(CnDemoDescription, null, "\u5982\u679C\u4F60\u4E0D\u8BBE\u7F6E selectionMode \u5C5E\u6027\uFF0C\u90A3\u4E48\u65E5\u5386\u9ED8\u8BA4\u662F\u4E0D\u652F\u6301\u8FDB\u884C\u9009\u62E9\u64CD\u4F5C\u7684")),
React.createElement(CnDemoBlock, { title: "\u81EA\u5B9A\u4E49\u5BFC\u822A" },
React.createElement(CnCalendar, { prevMonthButton: React.createElement("span", null, "\u4E0A\u4E00\u6708"), nextMonthButton: React.createElement("span", null, "\u4E0B\u4E00\u6708"), prevYearButton: React.createElement("span", null, "\u4E0A\u4E00\u5E74"), nextYearButton: React.createElement("span", null, "\u4E0B\u4E00\u5E74") })),
React.createElement(CnDemoBlock, { title: "\u9009\u62E9\u67D0\u4E00\u5929" },
React.createElement(CnCalendar, { selectionMode: "single", defaultValue: defaultSingle, onChange: function (val) {
console.log(val);
} })),
React.createElement(CnDemoBlock, { title: "\u9009\u62E9\u65E5\u671F\u8303\u56F4" },
React.createElement(CnCalendar, { defaultValue: defaultRange, selectionMode: "range", onChange: function (val) {
console.log(val);
} }))));
};
export default { title: 'demo/CnCalendar' };