首页 > 解决方案 > TimePicker 组件值未填充在视图中

问题描述

最初同时选择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" />

时间没有人流。请让我知道我做错了什么。 在此处输入图像描述

标签: javascriptreactjsreact-reduxtimepickerbootstrap-datetimepicker

解决方案


您应该将第一个参数视为时间

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

推荐阅读