]>
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 | 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 | ); |