以编程方式更改react-widgets DateTimePicker输入字段

时间:2019-01-06 13:16:14

标签: reactjs react-widgets

我遇到了一个问题,即与react-widgets 3.4.6一起使用的react-widgets 4.4.8重用逻辑。

我有两个DateTimePicker组件,它们的值需要协调,因此open_date永远不会大于Due_date。通过使用react-widgets 3.4.6和redux-form 6.8.0,这些onChange处理程序可以做到这一点:

onOpenDateChange(event, newValue, previousValue) {
  const { formValues, now } = this.props
  const { due_date } = formValues
  if (newValue >= due_date || newValue < now) {
    event.preventDefault() // don't accept change
  }
}

onDueDateChange(event, newValue, previousValue) {
  const { formValues } = this.props
  const { open_date } = formValues
  if (newValue <= open_date) {
    event.preventDefault() // don't accept change
  }
}

如果我在DateTimePicker输入字段中输入了无效值,则Redux存储不会更新,被拒绝的值将替换为输入字段中的先前(有效)值。

对于react-widgets 4.4.8和redux-form 6.8.0,不会更新redux存储,但不会在输入字段中替换无效值。我想知道我在4.4.8版中可以做什么,用先前的值替换输入字段中的无效值。

0 个答案:

没有答案