@cainiaofe/cn-ui-m
Version:
19 lines (18 loc) • 1.31 kB
JavaScript
import React from 'react';
import { CnDemoPage, CnTimePickerPro, CnDemoBlock } from "../../..";
import dayjs from 'dayjs';
var meetingHours = function (n) { return n < 8 || n > 22; };
var disabledMinutes = function (n) { return n < 10 || n > 20; };
var maxDate = new Date(2000, 1, 1, 13, 33, 30);
var minDate = new Date(2000, 1, 1, 10, 33, 50);
export var 禁用 = function () {
return (React.createElement(CnDemoPage, { title: "\u7981\u7528\u72B6\u6001" },
React.createElement(CnDemoBlock, { title: "\u7981\u7528" },
React.createElement(CnTimePickerPro, { disabled: true, value: dayjs('2023-01-01 12:00:00') })),
React.createElement(CnDemoBlock, { title: "\u7981\u7528\u9009\u9879" },
React.createElement("div", null,
React.createElement(CnTimePickerPro, { placeholder: "\u4EC5\u53EF\u9009\u62E910:33:50-13:33:30", format: "HH:mm:ss", validRange: [minDate, maxDate] }),
React.createElement(CnTimePickerPro, { placeholder: "\u4EC5\u53EF\u9009\u62E98:00-21:59", format: "HH:mm", disabledHours: meetingHours }),
React.createElement(CnTimePickerPro, { placeholder: "\u4EC5\u53EF\u9009\u62E910-20\u5206\u949F", format: "HH:mm", disabledMinutes: disabledMinutes })))));
};
export default { title: 'demo/CnTimePickerPro' };