[github/fretlink/time-picker.git] / examples / pick-time.js

/* eslint no-console:0 */

import 'rc-time-picker/assets/index.less';

import React from 'react';
import ReactDom from 'react-dom';

import moment from 'moment';

import TimePicker from 'rc-time-picker';

const showSecond = true;
const str = showSecond ? 'HH:mm:ss' : 'HH:mm';


function onChange(value) {
  console.log(value && value.format(str));
}

ReactDom.render(
  <TimePicker
    style={{ width: 100 }}
    showSecond={showSecond}
    defaultValue={moment()}
    className="xxx"
    onChange={onChange}
  />,
  document.getElementById('__react-content')
);
Commit	Line	Data
	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 moment from 'moment';
	9
	10	import TimePicker from 'rc-time-picker';
	11
	12	const showSecond = true;
	13	const str = showSecond ? 'HH:mm:ss' : 'HH:mm';
	14
	15
	16	function onChange(value) {
	17	console.log(value && value.format(str));
	18	}
	19
	20	ReactDom.render(
	21	<TimePicker
	22	style={{ width: 100 }}
	23	showSecond={showSecond}
	24	defaultValue={moment()}
	25	className="xxx"
	26	onChange={onChange}
	27	/>,
	28	document.getElementById('__react-content')
	29	);