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
  11 import TimePicker from 'rc-time-picker';
  12 import TimePickerLocale from 'rc-time-picker/src/locale/zh_CN';
  13
  14 const showSecond = true;
  15 const str = showSecond ? 'HH:mm:ss' : 'HH:mm';
  16
  17 const formatter = new DateTimeFormat(str);
  18
  19 const now = new GregorianCalendar(TimePickerLocale.calendar);
  20 now.setTime(Date.now());
  21
  22 function onChange(value) {
  23   console.log(value && formatter.format(value));
  24 }
  25
  26 ReactDom.render(
  27   <TimePicker formatter={formatter} locale={TimePickerLocale}
  28               style={{width: 100}}
  29               showSecond={showSecond}
  30               defaultValue={now}
  31               className="xxx"
  32               onChange={onChange} />,
  33   document.getElementById('__react-content')
  34 );