Исключить будущие даты в React Datepicker

Я использую библиотеку React-Datepicker и в соответствии с этим примером https://reactdatepicker.com/ я могу исключить некоторые даты, подобные этой:

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

Этот код исключает даты сегодняшнего и вчерашнего дня... как я могу исключить все будущие даты? если сегодня 13 мая, исключить все даты с 14го числа.

Заранее спасибо!

1 ответ

Решение

Ты можешь использовать filterDate проверить и вернуть true если дата в прошлом

<DatePicker
 selected={this.state.date}
 onChange={this.handleChange}
 filterDate={(date) => {
    return moment() > date;
 }}
 placeholderText="Select a weekday" />

Вы можете использовать Datepicker minDate & maxDate параметры.

Например: если вы хотите исключить все даты через 10 дней,

<DatePicker
selected={new Date()}
onChange={this.handleChange}
maxDate={addDays(new Date(), 10)}
/>

Если вы хотите исключить все прошлые даты и даты через 10 дней.

<DatePicker
selected={new Date()}
onChange={this.handleChange}
minDate={new Date()}
maxDate={addDays(new Date(), 10)}
/>
Другие вопросы по тегам