React Datepicker 排除过去的日期答案

【问题标题】：React Datepicker exclude past datesReact Datepicker 排除过去的日期
【发布时间】：2018-05-31 14:41:03
【问题描述】：

我在我的应用中使用这个库：

我可以使用 excludeDates 道具，我可以在其中传递日期列表，也就是排除今天和昨天：

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

我希望有一个更好的方法，而不是将数百个日期传递到该数组中。

谢谢！

【问题讨论】：

【解决方案1】：

也许你可以这样使用组件：

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

您可以使用 minDate 和 maxDate 属性来选择一个唯一的可选日期范围。

【讨论】：

【解决方案2】：

<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

【讨论】：

【解决方案3】：

在您的代码中使用以下 sn-p：

<DatePicker
    selected={new Date()}
    onChange={date => handleDateChange(date, field)}
    minDate={moment().toDate()}
/>

【讨论】：