examples/pick-time.js

   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 const options = {
  28   disabledHours() {
  29     return [0, 2, 21];
  30   },
  31   disabledMinutes(h) {
  32     return h === 22 ? [0, 3, 31] : [];
  33   },
  34   disabledSeconds(h, m) {
  35     return [];
  36   },
  37 };
  38
  39 ReactDom.render(
  40   <TimePicker formatter={formatter} locale={TimePickerLocale}
  41               showSecond={showSecond}
  42               defaultValue={now}
  43               className="xxx"
  44               onChange={onChange}
  45               disabledHours={[0, 2, 21]}
  46               disabledMinutes={[0, 2, 21]}
  47               disabledSeconds={[]}
  48               hideDisabledOptions={true} />,
  49   document.getElementById('__react-content')
  50 );