Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 日期选择器中的时间值无效_Javascript_Reactjs_React Datepicker - Fatal编程技术网

Javascript 日期选择器中的时间值无效

Javascript 日期选择器中的时间值无效,javascript,reactjs,react-datepicker,Javascript,Reactjs,React Datepicker,当我从日期选择器中选择一个日期时,我想在项中显示它组件控制台.log(this.props.endDate)获取错误“范围无效时间”。我使用: 类应用程序扩展组件{ 构造函数(){ 超级(); 此.state={ 结束日期:新日期() }; } 句柄=(日期)=>{ 这是我的国家({ 结束日期:日期 }) } render(){ 返回( ); } } 类项扩展组件{ 构造函数(){ 超级(); } render(){ console.log(this.props.endDate) 返回( );

当我从日期选择器中选择一个日期时,我想在
项中显示它
组件
控制台.log(this.props.endDate)
获取错误“范围无效时间”。我使用:

类应用程序扩展组件{
构造函数(){
超级();
此.state={
结束日期:新日期()
};
}
句柄=(日期)=>{
这是我的国家({
结束日期:日期
})
}
render(){
返回(
);
}
}
类项扩展组件{
构造函数(){
超级();
}
render(){
console.log(this.props.endDate)
返回(
);
}
}

您使用哪一个日期选择器库?@MaximeGirou尝试
this.props.handle
而不是
this.props.handle()
您的代码工作正常,除了由于
onChange={this.props.handle()}
而导致的
最大状态更新错误之外
如果无法再现此错误,则可能是您正在使用的代码的其他部分有问题。您使用哪个日期选择器库?@MaximeGirou尝试
this.props.handle
而不是
this.props.handle()
您的代码工作正常,但由于
一次更改导致的
最大状态更新
错误除外={this.props.handle()}
,应该是
onChange={this.props.handle}
如果无法再现此错误,则可能是您正在使用的代码的其他部分有问题。
class App extends Component {
  constructor() {
    super();
    this.state = {
      endDate: new Date()
    };
  }

  handle = (date) => {
    this.setState({
      endDate: date
    })
  }

  render() {
    return (
      <div>
        <Item
          endDate = {this.state.endDate}
          handle = {this.handle}
        />
      </div>
    );
  }
}

class Item extends Component {
  constructor() {
    super();

  }

  render() {
    console.log(this.props.endDate)
    return (
      <div>
        <DatePicker
          selected={this.props.endDate}
          onChange={this.props.handle()}
          showTimeSelect
          timeFormat="HH:mm"
          timeIntervals={15}
          dateFormat="MMMM d, yyyy h:mm aa"
          timeCaption="time"
        />
      </div>
    );
  }
}