reactjs - 在 React-Day-Picker 中禁用所有 future 的日子?

标签 reactjs react-day-picker

我有一个使用 react-day-picker 的日期范围日历。除了我无法从选择中禁用“所有” future 的日子之外,它的效果非常好。 api文档显示您可以输入一天或多天但不能输入所有 future 的日子?

      <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}
      />

最佳答案

稍微好一点的版本是

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

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

关于reactjs - 在 React-Day-Picker 中禁用所有 future 的日子?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49184138/

相关文章:

javascript - react-day-picker:在 navbarElement 中设置日期

javascript - 类型错误 : Cannot read property "map" of undefined

javascript - ReactCSSTransitionGroup 不起作用

javascript - 尝试根据筛选器选择使用字符串值填充数组,并通过将数组与记录属性的字符串值进行比较来筛选记录

javascript - `DatePickerInput` "className"属性为 `&lt;input/>`

javascript - 已解决 : React-day-picker Daypicker Input loses focus when using custom input component

javascript - AirBnB React-日期未显示所选范围

javascript - react : initial render fires before state is set (via ajax)

reactjs - React-router 不能推送相同的路由...强制 History.push/reload 组件