ant-design/components/time-picker/demo/value.md
2015-12-16 17:29:28 +08:00

569 B

受控组件

  • order: 1

value 和 onChange 需要配合使用。


import { TimePicker } from 'antd';

const Test = React.createClass({
  getInitialState() {
    return {
      value: null,
    };
  },
  onChange(time) {
    time = time && time.toLocaleTimeString('zh-CN', {
      hour12: false
    });
    console.log(time);
    this.setState({ time });
  },
  render() {
    return <TimePicker value={this.state.value} onChange={this.onChange} />;
  }
});

ReactDOM.render(<Test />, document.getElementById('components-time-picker-demo-value'));