Javascript FullCalendarJS:更改选择事件颜色

我正在使用FullcalendarJS，当我在周视图中选择日期/时间时，我希望颜色更暗

正如您从上图中看到的，当我选择日期范围时，突出显示不是那么可见，我希望它像今天突出显示的蓝色一样可见

我试图更改选择事件属性上的css，但它仅在选择之后更改

这是我的密码：

 $('.calendar').fullCalendar({
  header : {
        left:   'prev,next today',
        center: 'title',
        right:  'agendaWeek,agendaDay'
    },
    timezone: 'local',
    defaultView : 'agendaWeek',
    allDaySlot : false,
    eventOverlap: false,
        select: function(start, end, event, view, resource) {
        $(".fc-highlight").css("background", "#00004c");
    }
 })

---

在

select

事件期间，不要更改

fc突出显示的
类的颜色，只需在
CSS
中声明以下内容即可覆盖它：

.fc-highlight {
   background-color: #00004c;
}

另外，确保在
fullCalendar
config中设置
selective:true
。根据API文档，它默认为
false
，如果您想通过单击或拖动进行选择，它必须是
true
（我指出这一点是因为我在提供的代码段中看不到它）

示例：

$('.calendar').fullCalendar({
   header: {
     left: 'prev,next today',
     center: 'title',
     right: 'agendaWeek,agendaDay'
   },
   timezone: 'local',
   defaultView: 'agendaWeek',
   allDaySlot: false,
   eventOverlap: false,
   selectable: true
});

如您所见，不再需要
select
事件功能，除非您希望在该点执行任何操作

现场演示：