]>
Commit | Line | Data |
---|---|---|
e9060dda | 1 | /* eslint no-console:0 */ |
2 | ||
78637ac0 | 3 | import 'rc-time-picker/assets/index.less'; |
02de449a | 4 | |
5 | import React from 'react'; | |
6 | import ReactDom from 'react-dom'; | |
02de449a | 7 | |
78637ac0 | 8 | import GregorianCalendar from 'gregorian-calendar'; |
02de449a | 9 | import DateTimeFormat from 'gregorian-calendar-format'; |
78637ac0 | 10 | |
63541ed7 | 11 | import TimePicker from 'rc-time-picker'; |
78637ac0 | 12 | import TimePickerLocale from 'rc-time-picker/src/locale/zh_CN'; |
02de449a | 13 | |
e9060dda | 14 | const showSecond = true; |
15 | const str = showSecond ? 'HH:mm:ss' : 'HH:mm'; | |
8133e8cf | 16 | |
17 | const formatter = new DateTimeFormat(str); | |
02de449a | 18 | |
6fc4e0e8 | 19 | const now = new GregorianCalendar(TimePickerLocale.calendar); |
02de449a | 20 | now.setTime(Date.now()); |
21 | ||
7702bb67 M |
22 | function onChange(value) { |
23 | console.log(value && formatter.format(value)); | |
9f9f39e4 | 24 | } |
25 | ||
02de449a | 26 | ReactDom.render( |
8133e8cf | 27 | <TimePicker formatter={formatter} locale={TimePickerLocale} |
db4e4d6e | 28 | style={{width: 100}} |
8133e8cf | 29 | showSecond={showSecond} |
30 | defaultValue={now} | |
96d366af | 31 | className="xxx" |
0e62bf0b | 32 | onChange={onChange} />, |
78637ac0 | 33 | document.getElementById('__react-content') |
02de449a | 34 | ); |