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

Question

我想将react-day-picker中的范围长度限制为例如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);
      }
  }