examples/pick-time.js

   1 import 'rc-time-picker/assets/index.less';
   2
   3 import React from 'react';
   4 import ReactDom from 'react-dom';
   5
   6 import GregorianCalendar from 'gregorian-calendar';
   7 import DateTimeFormat from 'gregorian-calendar-format';
   8 import zhCn from 'gregorian-calendar/lib/locale/zh_CN';
   9
  10 import TimePicker from 'rc-time-picker';
  11 import TimePickerLocale from 'rc-time-picker/src/locale/zh_CN';
  12
  13 var showSecond = true;
  14 var str = showSecond ? 'HH:mm:ss' : 'HH:mm';
  15
  16 const formatter = new DateTimeFormat(str);
  17
  18 const now = new GregorianCalendar(zhCn);
  19 now.setTime(Date.now());
  20
  21 function onChange(value) {
  22   console.log(value && formatter.format(value));
  23 }
  24
  25 ReactDom.render(
  26   <TimePicker formatter={formatter} locale={TimePickerLocale}
  27               showSecond={showSecond}
  28               defaultValue={now}
  29               onChange={onChange}/>,
  30   document.getElementById('__react-content')
  31 );
  32
  33
  34 console.log(zhCn);