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

【问题标题】：Make Selectable True for only given date range in React Big Calendar仅在 React Big Calendar 中的给定日期范围内使 Selectable True
【发布时间】：2018-11-07 06:31:04
【问题描述】：

我正在使用 React 大日历。默认情况下 selectable true 使整个日历可选，但我只想使给定时间的可选 true 并更改日历中该时间范围的背景颜色。我不愿意创建事件。只需将给定时间的可选设置为 true。

谢谢

【问题讨论】：

标签： reactjs react-big-calendar

【解决方案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 为您的活动设置样式

【讨论】：