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

Question

我正在使用 React 大日历。默认情况下 selectable 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为您的活动设置样式