javascript - DatePicker react 是否将 "value"属性作为输入？

Question

DatePicker 是否有“value”属性作为输入？是否可以将新值分配给 DatePicker 中的属性 'value' -> value = {this.state.dates.date} DatePicker 组件(库日期选择器) 就像我在输入中所做的那样？

预期效果:我使用日期选择器选择日期 -> 稍后我从数据选择器中选择一个新日期并覆盖之前的日期

<小时/>

this.state = {
    startDate: new Date()
}

 handleChange = (date) => {
    this.setState({
      startDate: date
    });
  }

<DatePicker 
  value = {this.state.startDate} //???????
  selected={this.state.startDate}
  onChange={this.handleChange}
  showTimeSelect
  timeFormat="HH:mm"
  timeIntervals={15}
  dateFormat="yyyy-MM-dd || HH:mm"
  timeCaption="time"
/>

<小时/>

<input type="text" value={this.state.dates.date} />

Answer 1

使用 here 中的代码，如果您想获取之前的日期，请在 editForm/Todo 组件中添加取消按钮，单击该按钮时将取消编辑并且不会保存新日期。

onCancel = () => {
  this.setState({
    isEditing: false,
  });
}

DEMO