禁用除某些日期外的所有日期

Question

我正在努力使其在react日期选择器中，只有可用的日期是可选择的(即，用户只能使用两天，所有其他日期都被禁用和不可选择(。我尝试过这种方法：

<DayPicker
selectedDays={this.state.selectedDays}
onDayClick={this.handleDayClick}
disabledDays={(day => (day !== ServiceRequestEngagementCreateModal.availableDates(service.available_dates)))}
/>

但这使得所有日期都不可用。

任何帮助都将不胜感激，谢谢！

Answer 1

我想明白了。这是我们最终使用的代码

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