diff options
author | MG12 <wuzhao.mail@gmail.com> | 2015-12-16 12:19:56 +0800 |
---|---|---|
committer | MG12 <wuzhao.mail@gmail.com> | 2015-12-16 12:19:56 +0800 |
commit | 700c77e4f32e2ec18f3c63b176bf83bac24cdb74 (patch) | |
tree | dd7b0d090e946586dbc3bb5268a0a5b5619f81e4 /examples/hidden.js | |
parent | 182e9fccc90ae709322b7cc314c8775a9d8d46b8 (diff) | |
parent | bec70d57f3ef17ed1ef29c660936be235804061e (diff) | |
download | time-picker-700c77e4f32e2ec18f3c63b176bf83bac24cdb74.tar.gz time-picker-700c77e4f32e2ec18f3c63b176bf83bac24cdb74.tar.zst time-picker-700c77e4f32e2ec18f3c63b176bf83bac24cdb74.zip |
Merge pull request #10 from react-component/1.0.0-alpha7
1.0.0 alpha7
Diffstat (limited to 'examples/hidden.js')
-rw-r--r-- | examples/hidden.js | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/examples/hidden.js b/examples/hidden.js new file mode 100644 index 0000000..da366cc --- /dev/null +++ b/examples/hidden.js | |||
@@ -0,0 +1,37 @@ | |||
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 | ); | ||