reactjs - 使用 React Datepicker 从给定日期排除未来日期

Question

当使用带有Moment.js的 React Datepicker 库来操作日期时，可以排除给定的日期，如下所示并在 React Datepicker文档中进行了描述；

// Exclude today and yesterday.
excludeDates = {[moment(), moment().subtract(1, "days")]}

如何从给定日期排除未来日期？

Answer 1

如果日期已经过去，您可以使用filterDate检查并返回true 。

下面的片段说明了如何使用filterDate;

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

Answer 2

您可以使用 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)}
/>