将 react-day-picker 范围限制为 x 天

【问题标题】：Limit react-day-picker range to x days将 react-day-picker 范围限制为 x 天
【发布时间】：2019-11-28 00:32:21
【问题描述】：

我想将 react-day-picker 中的范围长度限制为例如10天。应该怎么做，包里已经有东西了吗？

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

【问题讨论】：

标签： reactjs react-day-picker

【解决方案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);
      }
  }

【讨论】：