我试图做到这一点,以便在react-day-picker中,只有可用的日期才是可选的(即,用户只能使用两天,而所有其他日期都被禁用且无法选择)。我尝试过这种方法:
<DayPicker
selectedDays={this.state.selectedDays}
onDayClick={this.handleDayClick}
disabledDays={(day => (day !== ServiceRequestEngagementCreateModal.availableDates(service.available_dates)))}
/>
但这使所有日期不可用。
任何帮助,将不胜感激,谢谢!
我想到了。这是我们最终使用的代码
render() {
const availableDateStrings = service.available_dates.map(date => new Date(date.split('-').join(',')).toDateString())
return(
...
<DayPicker
selectedDays={this.state.selectedDays}
onDayClick={this.handleDayClick}
disabledDays={(day => (availableDateStrings.indexOf(day.toDateString()) === -1))}
/>
...
)}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句