使用react componet时间选择器时value.format不是功能

时间:2018-06-25 04:37:30

标签: reactjs timepicker

我尝试使用时间选择器更改一些值,例如

shutdown:{
Sunday : "18:00:00"
Monday : "20:00:00",
}





handleTimeChange(name, value){
      var shut = this.state.shutdown;
      shut[name] = value && value.format("HH:mm:ss");
      console.log(value && value.format("HH:mm:ss"));
      this.setState({
          shutdown : shut
      })
  }



<TimePicker value={this.state.shutdown.Monday} onChange = {this.handleTimeChange.bind(this,"Monday")} />

但是我遇到了错误:value.format不是函数

如何解决此问题

参考https://github.com/react-component/time-picker/blob/master/examples/value-and-defaultValue.js

1 个答案:

答案 0 :(得分:0)

React始终将事件对象传递给事件处理程序。因此,您可以使用事件对象来访问值。

将代码更改为:

handleTimeChange(name,event){
var value = event.target.value;
.....
}

在此情况下,名称为“ Monday”(事件处理程序的参数)