Reactjs 在反应日选择器中禁用所有未来日?
我有一个使用react day picker的日期范围日历。除了我不能从选择中禁用“所有”未来日子之外,它工作得很好。api文档显示您可以输入一天或多天,但不能输入未来的所有天Reactjs 在反应日选择器中禁用所有未来日?,reactjs,react-day-picker,Reactjs,React Day Picker,我有一个使用react day picker的日期范围日历。除了我不能从选择中禁用“所有”未来日子之外,它工作得很好。api文档显示您可以输入一天或多天,但不能输入未来的所有天 <DayPicker disabledDays={new Date()} // how to disable all days after today? modifiers={{ sunday: day => day.getDay() === 0
<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}
/>
day.getDay()==0,
月初:日=>day.getDate()==1
}}
onDayClick={this.handleDayClick}
onDayMouseEnter={this.handleDayMouseEnter}
/>
它看起来像是禁用days
道具也可以是一个函数:(日期:日期)⇒ 布尔值
,因此您应该能够执行以下操作:
disabledDays={day => day > (new Date())}
一个稍微好一点的版本是
const today = new Date();
<DayPicker
disabledDays={{ after: today }}
selectedDays={new Date()}
/>
const today=新日期();
示例:Related:我们是否可以在后面添加double?啊,我找到了,
disabledDays:[{after:newdate(moment())},{after:to}]