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

【问题标题】：Exclude future dates from a given date using React Datepicker使用 React Datepicker 从给定日期排除未来日期
【发布时间】：2018-05-13 20:43:55
【问题描述】：

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

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

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

【问题讨论】：

标签： reactjs react-datepicker

【解决方案1】：

你可以使用filterDate检查并返回true如果日期是过去的。

下面的sn-p说明了filterDate的使用方法；

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

【讨论】：

【解决方案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)}
/>

【讨论】：