react-day-picker - 禁用除某些日期之外的所有日期

Question

我正在努力做到这一点，以便在 react-day-picker 中，只有可用的日期是可选的（即，用户只能使用两天，所有其他日期都被禁用且无法选择）。我试过这样做：

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