使用react组件时间选择器时,value.format 不是功能

IT技术 reactjs timepicker
2021-05-11 13:16:53

我尝试使用 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个回答

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

将您的代码更改为:

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

在这里,您的案例中的名称是“星期一”(事件处理程序的参数)