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