@cainiaofe/cn-ui-m
Version:
38 lines (37 loc) • 1.92 kB
JavaScript
import React, { useEffect, useRef } from 'react';
import dayjs from 'dayjs';
import { CnCalendar, CnDemoBlock, CnDemoPage, } from "../../..";
var min = new Date();
min.setDate(5);
var max = new Date();
max.setDate(20);
export var 周一作为每周的第一天 = function () {
var today = dayjs();
var calendarRef = useRef(null);
useEffect(function () {
if (calendarRef.current) {
calendarRef.current.jumpTo({
year: 2022,
month: 4,
});
}
}, []);
return (React.createElement(CnDemoPage, { title: "\u5468\u4E00\u4F5C\u4E3A\u6BCF\u5468\u7684\u7B2C\u4E00\u5929" },
React.createElement(CnDemoBlock, { title: "\u5468\u4E00\u4F5C\u4E3A\u6BCF\u5468\u7684\u7B2C\u4E00\u5929" },
React.createElement(CnCalendar, { weekStartsOn: "Monday" })),
React.createElement(CnDemoBlock, { title: "\u7ED9\u65E5\u671F\u6DFB\u52A0\u4E00\u4E9B\u6807\u8BB0" },
React.createElement(CnCalendar, { renderLabel: function (date) {
if (dayjs(date).isSame(today, 'day'))
return '今天';
if (date.getDay() === 0 || date.getDay() === 6) {
return '周末';
}
} })),
React.createElement(CnDemoBlock, { title: "\u9650\u5236\u65E5\u671F\u8303\u56F4" },
React.createElement(CnCalendar, { min: min, max: max, selectionMode: "range" })),
React.createElement(CnDemoBlock, { title: "\u9650\u5236\u53EF\u5207\u6362\u7684page\u3002 2022-08 \u81F3 2022-12" },
React.createElement(CnCalendar, { minPage: { year: 2022, month: 8 }, maxPage: { year: 2022, month: 12 } })),
React.createElement(CnDemoBlock, { title: "\u9ED8\u8BA4\u5C55\u793A 4 \u6708" },
React.createElement(CnCalendar, { ref: calendarRef }))));
};
export default { title: 'demo/CnCalendar' };