在React Big Calendar中，仅为给定的日期范围设置Selectable True

Question

我正在使用React Big Calendar。默认情况下，可选择true使整个日历可选择，但我希望仅使给定时间的可选择true，并更改日历中该时间范围的背景色。我不愿意制造事件。只要在给定的时间内使可选为真即可。

感谢

Answer 1

我找到了一个可以帮助您禁用某些日期的解决方案，在我的情况下，我需要禁用不可用事件，所以我使用了selectable="ignoreEvents"

`<BigCalendar
selectable="ignoreEvents"
localizer={localizer}
events={events} 
views={allViews}  
step={60}
showMultiDayTimes
defaultDate={new Date()}
defaultView={BigCalendar.Views.WEEK}
style={{height: "90vh" }}
resources={resourceMap}
resourceIdAccessor="resourceId"
resourceTitleAccessor="resourceTitle"
onSelectSlot={this.handleSelect}
eventPropGetter={(this.eventStyleGetter)}
/>`

使用eventPropGetter设置事件的样式