在React-Day-Picker中禁用所有以后的日子吗？

Question

我有一个使用react-day-picker的日期范围日历。除了不能从选择中禁用“所有”将来的日子以外，它的工作非常漂亮。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

看起来disabledDaysprop 也可以是一个函数：(day: Date) \xe2\x87\x92 boolean所以你应该能够执行以下操作：

\n\n

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

\n