DateRangePicker反应日期使endDate不可单击

Question

在DateRangePicker中，有一个开始日期和一个结束日期。我想要实现的是，如果用户在开始日期为空的情况下单击结束日期，则不要让他先选择结束日期，因为这会引入两种选择，这会导致混淆。

我尝试过

onFocusChange={focusedInput => {
  let focusedInputTemp = focusedInput;
  if (!this.state.startDate && focusedInput === "endDate") {
    focusedInputTemp = "startDate";
  }
  this.setState({ focusedInput: focusedInputTemp });
}}

如果选择了endDate且startDate为null，则强制focusInput为startDate

但是随后行为似乎中断了，我错过了什么吗？演示在这里 https://codesandbox.io/s/jpom95rw8w

Answer 1

当未填写 startDate 时，您可以将 endDate 设置为禁用。 只需将道具disabled={!this.state.startDate && "endDate"}添加到 DateRangePicker 。

实时演示：https://codesandbox.io/s/1o4vqp2qll