]>
Commit | Line | Data |
---|---|---|
78637ac0 | 1 | import 'rc-time-picker/assets/index.less'; |
02de449a | 2 | |
3 | import React from 'react'; | |
4 | import ReactDom from 'react-dom'; | |
02de449a | 5 | |
78637ac0 | 6 | import GregorianCalendar from 'gregorian-calendar'; |
02de449a | 7 | import DateTimeFormat from 'gregorian-calendar-format'; |
78637ac0 M |
8 | import zhCn from 'gregorian-calendar/lib/locale/zh_CN'; |
9 | ||
63541ed7 | 10 | import TimePicker from 'rc-time-picker'; |
78637ac0 | 11 | import TimePickerLocale from 'rc-time-picker/src/locale/zh_CN'; |
02de449a | 12 | |
13 | const formatter = new DateTimeFormat('HH:mm:ss'); | |
14 | ||
15 | const now = new GregorianCalendar(zhCn); | |
16 | now.setTime(Date.now()); | |
17 | ||
7702bb67 M |
18 | function onChange(value) { |
19 | console.log(value && formatter.format(value)); | |
9f9f39e4 | 20 | } |
21 | ||
02de449a | 22 | ReactDom.render( |
9f9f39e4 | 23 | <TimePicker formatter={formatter} locale={TimePickerLocale} defaultValue={now} onChange={onChange}/>, |
78637ac0 | 24 | document.getElementById('__react-content') |
02de449a | 25 | ); |