React Datepicker排除过去的日期

Question

我在我的应用程序中使用此lib:

https://reactdatepicker.com/

有一个我可以使用的excludeDates道具,我可以传递一个日期列表,即今天和昨天将被排除:

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

我宁愿有一个比传递数百个日期更好的方法.

谢谢!

Answer 1

<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

Answer 2

也许你可以使用这样的组件:

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

您可以使用minDate和maxDate props选择可选择的唯一日期范围.