@cainiaofe/cn-ui-m
Version:
23 lines (22 loc) • 1.17 kB
JavaScript
import React, { useState } from 'react';
import { CnTimePickerPro, CnSwitch, CnDemoPage, CnDemoBlock, } from "../../..";
import dayjs from 'dayjs';
var nowTime = dayjs().valueOf();
export var 预览模式 = function () {
var _a = useState(nowTime), time = _a[0], setTime = _a[1];
var _b = useState(false), readOnly = _b[0], setReadOnly = _b[1];
return (React.createElement(CnDemoPage, { title: "\u9884\u89C8\u6A21\u5F0F" },
React.createElement(CnDemoBlock, { title: "\u9884\u89C8\u6A21\u5F0F" },
React.createElement(CnSwitch, { checked: readOnly, onChange: function () {
setReadOnly(!readOnly);
} }),
"\u00A0\u00A0\u5F00\u542F\u9884\u89C8\u6001",
React.createElement("br", null),
React.createElement("br", null),
React.createElement("div", null,
React.createElement(CnTimePickerPro, { readOnly: readOnly, value: time, onChange: function (timeVal, strVal) {
console.log(timeVal, strVal);
setTime(timeVal);
} })))));
};
export default { title: 'demo/CnTimePickerPro' };