将反应日选择器范围限制为 x 天

Question

我想将反应日选择器中的范围长度限制为例如 10 天。应该如何做到这一点，软件包中已经有可用的东西了吗？

这是一个示例范围选择器：https://react-day-picker.js.org/examples/selected-range/

Answer 1

可以很容易地实现，我刚刚在handleDayClick函数中添加了一些行：

取而代之的是：

handleDayClick(day) {
const range = DateUtils.addDayToRange(day, this.state);
this.setState(range);
}

实现这一点：

handleDayClick(day) {
const oneDay = 24 * 60 * 60 * 1000; // hours*minutes*seconds*milliseconds
const diffDays = Math.round(Math.abs((day - this.state.from) / oneDay));
const range = DateUtils.addDayToRange(day, undefined);
if(diffDays <= 10){
const range = DateUtils.addDayToRange(day, this.state);
this.setState(range);
}
else {
this.setState(range);
}
}