Question

我正在使用React-Datepicker库，根据此示例https://reactdatepicker.com/#example-17，我可以排除这样的日期：

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

该代码不包括今天和昨天的日期......如何排除所有未来日期？如果今天是5月13日，则排除从14日开始的所有日期。

提前致谢！

Answer 1

如果日期在过去

，您可以使用filterDate检查并返回true

<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)}
/>

在React Datepicker中排除未来日期

2 个答案: