使除某些日期以外的所有日期都被禁用

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