视图中未填充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 })
}