DateRangePicker реакционные даты делают endDate не активным - PullRequest
Новая
       40

DateRangePicker реакционные даты делают endDate не активным

0 голосов
/ 15 февраля 2019

В DateRangePicker есть дата начала и дата окончания.Чего я хочу добиться, так это, если пользователь щелкнул дату окончания, когда дата начала равна нулю, не позволяйте ему сначала выбрать дату окончания, потому что это приведет к 2 видам выбора, которые могут привести к путанице.

Я пытался это сделать, 

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

заставить focusInput быть startDate, если выбрано endDate и если startDate имеет значение null

Но тогда поведение кажется нарушенным, я что-то пропустил?Демо здесь https://codesandbox.io/s/jpom95rw8w

1 Ответ

0 голосов
/ 15 февраля 2019

Вы можете установить endDate как отключенное, если startDate не заполнено.Просто добавьте реквизит disabled={!this.state.startDate && "endDate"} к DateRangePicker .

Демонстрационная версия: https://codesandbox.io/s/1o4vqp2qll

...