反应日期选择器排除过去的日期

Question

我正在我的应用程序中使用此库：

https://reactdatepicker.com/

我可以使用一个excludeDates道具，在这里我可以传递一个日期列表，也就是不包括今天和昨天的日期：

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

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

谢谢

Answer 1

在代码中使用以下代码段：

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

Answer 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

Answer 3

也许您可以使用这样的组件：

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

您可以使用minDate和maxDate道具选择一个独特的日期范围。