aboutsummaryrefslogtreecommitdiffhomepage
path: root/examples/hidden.js
diff options
context:
space:
mode:
Diffstat (limited to 'examples/hidden.js')
-rw-r--r--examples/hidden.js37
1 files changed, 37 insertions, 0 deletions
diff --git a/examples/hidden.js b/examples/hidden.js
new file mode 100644
index 0000000..1084236
--- /dev/null
+++ b/examples/hidden.js
@@ -0,0 +1,37 @@
1/* eslint no-console:0 */
2
3import 'rc-time-picker/assets/index.less';
4
5import React from 'react';
6import ReactDom from 'react-dom';
7
8import GregorianCalendar from 'gregorian-calendar';
9import DateTimeFormat from 'gregorian-calendar-format';
10import zhCn from 'gregorian-calendar/lib/locale/zh_CN';
11
12import TimePicker from 'rc-time-picker';
13import TimePickerLocale from 'rc-time-picker/src/locale/zh_CN';
14
15const showSecond = true;
16const str = showSecond ? 'HH:mm:ss' : 'HH:mm';
17
18const formatter = new DateTimeFormat(str);
19
20const now = new GregorianCalendar(zhCn);
21now.setTime(Date.now());
22
23function onChange(value) {
24 console.log(value && formatter.format(value));
25}
26
27ReactDom.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={true} />,
36 document.getElementById('__react-content')
37);