React Datepicker исключить прошедшие даты - PullRequest
0 голосов
/ 31 мая 2018

Я использую эту библиотеку в своем приложении:

https://reactdatepicker.com/

Есть реквизит excludeDates, который я могу использовать, где я могу передать список дат, иначе это исключитсегодня и вчера:

excludeDates={[moment(), moment().subtract(1, "days")]}

Я бы предпочел иметь лучший способ, чем передавать сколько угодно сотен дат в этот массив.

Спасибо!

Ответы [ 3 ]

0 голосов
/ 26 июля 2019
<DatePicker
selected={this.state.startDate}
onChange={this.handleChange}
minDate={new Date()}
/>

Теперь все немного проще.Согласно официальному https://reactdatepicker.com/

мы также можем использовать

  maxDate={addDays(new Date(), 5)} // 5 is number of days from today
0 голосов
/ 29 июля 2019

Используйте следующий фрагмент в вашем коде:

<DatePicker
    selected={new Date()}
    onChange={date => handleDateChange(date, field)}
    minDate={moment().toDate()}
/>
0 голосов
/ 31 мая 2018

Возможно, вы можете использовать такой компонент:

<DatePicker
  selected={this.state.startDate}
  onChange={this.handleChange}
  minDate={moment().toDate()}
  placeholderText="Select a day"
/>

Вы можете использовать реквизиты minDate и maxDate для выбора уникального диапазона выбираемой даты.

...