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.js18
1 files changed, 1 insertions, 17 deletions
diff --git a/examples/pick-time.js b/examples/pick-time.js
index 8c6b826..54548c7 100644
--- a/examples/pick-time.js
+++ b/examples/pick-time.js
@@ -8,7 +8,6 @@ import DateTimeFormat from 'gregorian-calendar-format';
8import zhCn from 'gregorian-calendar/lib/locale/zh_CN'; 8import zhCn from 'gregorian-calendar/lib/locale/zh_CN';
9 9
10import TimePicker from 'rc-time-picker/src/TimePicker'; 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'; 11import TimePickerLocale from 'rc-time-picker/src/locale/zh_CN';
13 12
14const formatter = new DateTimeFormat('HH:mm:ss'); 13const formatter = new DateTimeFormat('HH:mm:ss');
@@ -16,22 +15,7 @@ const formatter = new DateTimeFormat('HH:mm:ss');
16const now = new GregorianCalendar(zhCn); 15const now = new GregorianCalendar(zhCn);
17now.setTime(Date.now()); 16now.setTime(Date.now());
18 17
19const timePanel = (
20 <TimePanel
21 defaultValue={now}
22 locale={TimePickerLocale}
23 formatter={formatter}
24 minuteOptions={[0, 30]}
25 />
26);
27
28ReactDom.render( 18ReactDom.render(
29 <TimePicker panel={timePanel} value={now}> 19 <TimePicker formatter={formatter} locale={TimePickerLocale} 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') 20 document.getElementById('__react-content')
37); 21);