examples/value-and-defaultValue.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 import moment from 'moment';
   8 import TimePicker from 'rc-time-picker';
   9
  10 const App = React.createClass({
  11   getInitialState() {
  12     return {
  13       value: moment(),
  14     };
  15   },
  16   handleValueChange(value) {
  17     console.log(value && value.format('HH:mm:ss'));
  18     this.setState({ value });
  19   },
  20   clear() {
  21     this.setState({
  22       value: undefined,
  23     });
  24   },
  25   render() {
  26     return (
  27       <div>
  28         <TimePicker
  29           defaultValue={this.state.value}
  30           onChange={this.handleValueChange}
  31         />
  32         <TimePicker
  33           value={this.state.value}
  34           onChange={this.handleValueChange}
  35         />
  36         <button onClick={this.clear}>clear</button>
  37       </div>
  38     );
  39   },
  40 });
  41
  42 ReactDom.render(
  43   <App />,
  44   document.getElementById('__react-content')
  45 );