]>
Commit | Line | Data |
---|---|---|
1 | /* eslint no-console:0 */ | |
2 | ||
3 | import 'rc-time-picker/assets/index.less'; | |
4 | ||
5 | import React from 'react'; | |
6 | import ReactDom from 'react-dom'; | |
7 | ||
8 | import GregorianCalendar from 'gregorian-calendar'; | |
9 | import DateTimeFormat from 'gregorian-calendar-format'; | |
10 | import zhCn from 'gregorian-calendar/lib/locale/zh_CN'; | |
11 | ||
12 | import TimePicker from 'rc-time-picker'; | |
13 | import TimePickerLocale from 'rc-time-picker/src/locale/zh_CN'; | |
14 | ||
15 | const showSecond = true; | |
16 | const str = showSecond ? 'HH:mm:ss' : 'HH:mm'; | |
17 | ||
18 | const formatter = new DateTimeFormat(str); | |
19 | ||
20 | const now = new GregorianCalendar(zhCn); | |
21 | now.setTime(Date.now()); | |
22 | ||
23 | function onChange(value) { | |
24 | console.log(value && formatter.format(value)); | |
25 | } | |
26 | ||
27 | ReactDom.render( | |
28 | <TimePicker formatter={formatter} locale={TimePickerLocale} | |
29 | showSecond={showSecond} | |
30 | defaultValue={now} | |
31 | className="xxx" | |
32 | onChange={onChange} | |
33 | disabledHours={() => [0, 1, 2, 3, 4, 5, 6, 7, 8, 22, 23]} | |
34 | disabledMinutes={() => [0, 2, 4, 6, 8]} | |
35 | hideDisabledOptions />, | |
36 | document.getElementById('__react-content') | |
37 | ); |