reactjs - 如何使用react-datetime获取选定的日期？

Question

我正在使用react-datetime盒子外面。

现在，我正在尝试将所选日期保存到我的 date 中状态。

import DateTime from 'react-datetime';
import '../DateTime.css';

class SomeClass extends React.Component {
  render(){
    return (
      <div>
        <DateTime onChange={this.props.handleDate}/>
      ...

上面的程序有效 - 它显示一个简单的框，当有人单击它时会显示日历。

这里是handleDate方法:

  ...
  handleDate(e){
    this.setState({date: e.target.value}, () => console.log(this.state.date))
  };

它适用于我的常规 ol'react-bootstrap 组件:<FormControl type="date" onChange={this.props.handleDate} />但是当我使用DateTime时，它表示它的值是未定义的。 “Schedule.js:135 Uncaught TypeError: Cannot read property 'value' of undefined”

我正在查看 npm site 中的 API但没有看到任何显示如何获取数据的示例。我可能读得太多了。

如何使用 DateTime 获取所选日期的值？ e.target.value似乎不适用于这种情况。

Answer 1

来自文档: 日期改变时触发回调。如果输入中的日期有效，则回调接收选定的时刻对象作为唯一参数。如果输入中的日期无效，回调将接收输入的值(字符串)。

使用此信息，处理程序应如下所示:

handleDate(date){
   this.setState({date}); # ES6 
};