我想将react-day-picker中的范围长度限制为例如10天。应该怎么做,包装里已经有东西了?
这是范围选择器的示例:https://react-day-picker.js.org/examples/selected-range/
答案 0 :(得分: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);
}
}