reactjs - 将 react-day-picker 范围限制为 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);
      }
  }