在React-Day-Picker中禁用所有未来日期？

Question

我有一个使用react-day-picker的日期范围日历。除了我不能禁用＆＃34;所有＆＃34;从选择的未来几天。 api文档显示您可以输入一天或多天而不是所有未来的日期？

      <DayPicker
        disabledDays={new Date()} // how to disable all days after today?
        modifiers={{
          sunday: day => day.getDay() === 0,
          firstOfMonth: day => day.getDate() === 1
        }}
        onDayClick={this.handleDayClick}
        onDayMouseEnter={this.handleDayMouseEnter}
      />

Answer 1

稍微好一点的版本

const today = new Date();
<DayPicker
  disabledDays={{ after: today }}
  selectedDays={new Date()}
/>

示例：https://codesandbox.io/s/l942z0w9y9

Answer 2

看起来disabledDays道具也可以是一个函数：(day: Date) ⇒ boolean所以你应该可以做类似的事情：

disabledDays={day => day > (new Date())}