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