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