ant-design/components/time-picker/demo/value.md

33 lines
597 B
Markdown
Raw Normal View History

2015-12-08 14:55:28 +08:00
# 受控组件
2015-12-16 17:29:28 +08:00
- order: 1
2015-12-08 14:55:28 +08:00
value 和 onChange 需要配合使用。
---
````jsx
import { TimePicker } from 'antd';
2015-12-08 14:55:28 +08:00
const Test = React.createClass({
getInitialState() {
return {
value: null,
};
},
onChange(time) {
const parsedTime = time && time.toLocaleTimeString('zh-CN', {
2015-12-08 14:55:28 +08:00
hour12: false
});
2016-01-26 00:28:50 +08:00
console.log(time, parsedTime);
this.setState({ value: parsedTime });
// or this.setState({ value: time });
2015-12-08 14:55:28 +08:00
},
render() {
return <TimePicker value={this.state.value} onChange={this.onChange} />;
2015-12-08 14:55:28 +08:00
}
});
ReactDOM.render(<Test />, mountNode);
2015-12-08 14:55:28 +08:00
````