TimePicker组件值未在视图中填充

Question

最初选择时间onchange正常工作。

 this.state = {
   driverReportingTime: ''
 }

<TimePicker className="form-control" onChange={this.handleTime.bind(this)} value={this.state.driverReportingTime} hintText="Time" />

handleTime(event, time) {
  this.setState({ driverReportingTime: time })
}

在视图模式下如果我想在屏幕截图中填充保存的时间响应

<TimePicker className="form-control" disabled value={singlejoborder.driverReportingTime} hintText="Time" />

时间不足。请让我知道我做错了什么。

Answer 1

试试下面的代码

const time = moment(singlejoborder.driverReportingTime, "YYYY-MM-DD HH:mm Z").format("HH:mm") ;
console.log(time); //prints 23:35

<TimePicker className="form-control" disabled value={time} hintText="Time" />

Answer 2

你应该把第一个论点视为时间

handleTime(time) {
   this.setState({ driverReportingTime: time })
}