aboutsummaryrefslogtreecommitdiffhomepage
path: root/examples/pick-time.js
diff options
context:
space:
mode:
Diffstat (limited to 'examples/pick-time.js')
-rw-r--r--examples/pick-time.js37
1 files changed, 37 insertions, 0 deletions
diff --git a/examples/pick-time.js b/examples/pick-time.js
new file mode 100644
index 0000000..8c6b826
--- /dev/null
+++ b/examples/pick-time.js
@@ -0,0 +1,37 @@
1import 'rc-time-picker/assets/index.less';
2
3import React from 'react';
4import ReactDom from 'react-dom';
5
6import GregorianCalendar from 'gregorian-calendar';
7import DateTimeFormat from 'gregorian-calendar-format';
8import zhCn from 'gregorian-calendar/lib/locale/zh_CN';
9
10import TimePicker from 'rc-time-picker/src/TimePicker';
11import TimePanel from 'rc-time-picker/src/TimePanel';
12import TimePickerLocale from 'rc-time-picker/src/locale/zh_CN';
13
14const formatter = new DateTimeFormat('HH:mm:ss');
15
16const now = new GregorianCalendar(zhCn);
17now.setTime(Date.now());
18
19const timePanel = (
20 <TimePanel
21 defaultValue={now}
22 locale={TimePickerLocale}
23 formatter={formatter}
24 minuteOptions={[0, 30]}
25 />
26);
27
28ReactDom.render(
29 <TimePicker panel={timePanel} value={now}>
30 {
31 ({value}) => {
32 return <input type="text" placeholder="请选择时间" readOnly value={value && formatter.format(value)} />;
33 }
34 }
35 </TimePicker>,
36 document.getElementById('__react-content')
37);