@cainiaofe/cn-ui-m
Version:
37 lines (36 loc) • 1.92 kB
JavaScript
import * as React from 'react';
import { CnDatePickerPro, CnRangeDatePickerPro, CnRadioGroup, CnDemoPage, CnDemoBlock, } from "../../..";
export default { title: 'demo/CnDatePickerPro' };
var dataSource = [
{
value: true,
label: 'auto(跟随系统)',
},
{
value: 'en-US',
label: 'en-US(美国)',
},
{
value: 'ru-RU',
label: 'ru-RU(俄罗斯)',
},
];
export var 国际化适配 = function () {
var _a = React.useState(true), lang = _a[0], setLang = _a[1];
var _b = React.useState(1724400929980), timestamp = _b[0], setTimestamp = _b[1];
var onChange = function (date, dateStr) { return console.log(date, dateStr); };
return (React.createElement(CnDemoPage, null,
React.createElement("div", null,
React.createElement(CnRadioGroup, { shape: "button", size: "small", defaultValue: lang, dataSource: dataSource, onChange: function (v) {
setLang(v);
setTimestamp(timestamp + 1);
} }),
React.createElement("p", null,
"\u652F\u6301\u7684\u56FD\u5BB6&\u5730\u533A\u5217\u8868\u89C1",
' ',
React.createElement("a", { href: "https://dsm.cone.cainiao-inc.com/dingdoc/r1R7q3QmWew5lo02fd3oyplNJxkXOEP2", target: "_blank", rel: "noreferrer" }, "https://dsm.cone.cainiao-inc.com/dingdoc/r1R7q3QmWew5lo02fd3oyplNJxkXOEP2"))),
React.createElement(CnDemoBlock, { title: "\u65E5\u671F\u65F6\u95F4\u9009\u62E9\u5668", padding: 0 },
React.createElement(CnDatePickerPro, { onChange: onChange, value: timestamp, adapterLocale: lang })),
React.createElement(CnDemoBlock, { title: "\u65E5\u671F\u65F6\u95F4\u8303\u56F4\u9009\u62E9\u5668", padding: 0 },
React.createElement(CnRangeDatePickerPro, { onChange: onChange, value: [timestamp, timestamp], adapterLocale: lang }))));
};