@cainiaofe/cn-ui-m
Version:
29 lines (28 loc) • 1.75 kB
JavaScript
import { __spreadArray } from "tslib";
import React from 'react';
import { CnDemoPage, CnDemoBlock, CnRangeTimePickerPro, } from "../../..";
export var 时间范围 = function () {
var _a = React.useState(['12:00:00', '13:00:00']), rangeValue = _a[0], setRangeValue = _a[1];
return (React.createElement(CnDemoPage, { title: "\u65F6\u95F4\u8303\u56F4" },
React.createElement(CnDemoBlock, { title: "\u57FA\u672C" },
React.createElement("div", null,
"\u65F6\u5206\u79D2\u533A\u95F4 ",
React.createElement(CnRangeTimePickerPro, { onChange: console.log, hasClear: true }))),
React.createElement(CnDemoBlock, { title: "\u81EA\u5B9A\u4E49\u683C\u5F0F" },
React.createElement("div", null,
"\u65F6\u5206\u533A\u95F4",
React.createElement(CnRangeTimePickerPro, { format: "HH:mm", onChange: console.log, hasClear: true }))),
React.createElement(CnDemoBlock, { title: "\u9ED8\u8BA4\u503C" },
React.createElement("div", null,
React.createElement(CnRangeTimePickerPro, { defaultValue: ['11:45:00', '17:10:00'], onChange: console.log, hasClear: true }))),
React.createElement(CnDemoBlock, { title: "\u53D7\u63A7" },
React.createElement(CnRangeTimePickerPro, { value: rangeValue, onChange: function (v) {
var rest = [];
for (var _i = 1; _i < arguments.length; _i++) {
rest[_i - 1] = arguments[_i];
}
console.log.apply(console, __spreadArray([v], rest, false));
setRangeValue(v);
}, hasClear: true }))));
};
export default { title: 'demo/CnTimePickerPro' };