在React Big Calendar中仅在给定的日期范围内使Selectable为True

时间:2018-11-07 06:31:04

标签: reactjs react-big-calendar

我正在使用React Big Calendar。默认情况下,selectable true是使整个日历都可以选择,但是我只想使给定时间为selectable true,并更改日历中该时间范围的背景色。我不愿意创建活动。只需在给定的时间内使选择正确即可。

谢谢

1 个答案:

答案 0 :(得分:0)

我找到了一个可以帮助您禁用某些日期的解决方案,就我而言,我需要禁用不可用事件,因此我使用了p

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)} />` 设置事件样式