]>
git.immae.eu Git - github/fretlink/time-picker.git/blob - examples/disabled.js
b6504485f5e2b7fac78aad9ec112b83a4014a719
1 /* eslint no-console:0 */
3 import 'rc-time-picker/assets/index.less';
5 import React
from 'react';
6 import ReactDom
from 'react-dom';
8 import GregorianCalendar
from 'gregorian-calendar';
9 import DateTimeFormat
from 'gregorian-calendar-format';
11 import TimePicker
from 'rc-time-picker';
12 import TimePickerLocale
from 'rc-time-picker/src/locale/zh_CN';
14 const showSecond
= true;
15 const str
= showSecond
? 'HH:mm:ss' : 'HH:mm';
17 const formatter
= new DateTimeFormat(str
);
19 const now
= new GregorianCalendar(TimePickerLocale
.calendar
);
20 now
.setTime(Date
.now());
22 function generateOptions(length
, excludedOptions
) {
24 for (let value
= 0; value
< length
; value
++) {
25 if (excludedOptions
.indexOf(value
) < 0) {
32 function onChange(value
) {
33 console
.log(value
&& formatter
.format(value
));
36 function disabledHours() {
37 return [0, 1, 2, 3, 4, 5, 6, 7, 8, 22, 23];
40 function disabledMinutes(h
) {
43 return generateOptions(60, [30]);
45 return generateOptions(60, [0]);
47 return generateOptions(60, [0, 30]);
51 function disabledSeconds(h
, m
) {
56 <TimePicker formatter
={formatter
} locale
={TimePickerLocale
}
57 showSecond
={showSecond
}
61 disabledHours
={disabledHours
}
62 disabledMinutes
={disabledMinutes
}
63 disabledSeconds
={disabledSeconds
}/>,
64 document
.getElementById('__react-content')