在FullCalendar中更改选择颜色

Question

这更像是一个双管齐下的问题。根据我尝试的项目，无法更改＆＃34; selectable / selectableOverlap＆＃34;初始化后的完整日历。我想这样做的原因是在页面上进行切换，允许用户指示他们是否希望能够选择或不在日历控件上。

代替那个，因为＆＃34;选择＆＃34;回调仅在选择被释放时被调用（我想要在视觉上阻止选择），我的想法只是将所选单元格的不透明度设置为0，这样就不会显示它们，我可以在选择回调执行时取消选择。但是，我找不到修改所选单元格的颜色或css属性的方法，如下所示：

有没有办法改变所选单元格的css属性，或者可能是动态改变选择是否有效的第一种方式？

谢谢 -

Answer 1

所选单元格的颜色在.fc-highlight中定义。 要更改选择颜色，我只需按

进行

$("#calendar").fullCalendar({
  select: function(start, end){
    // other code here
    // ..
    $(".fc-highlight").css("background", "red");
  }
});

Answer 2

我通过覆盖现有的 css 类使其工作。

.fc-event-main-frame {
  background-color:lightblue !important;
  color: blue;
  border: none;
  outline:none;
}

.fc-event-main {
  border: none;
  outline:none;
  background-color:lightblue !important;
}

div.fc-timegrid-event-harness {
  border: none;
  outline:none;
  background-color:lightblue !important;

}

a.fc-timegrid-event {
  border: none;
  outline:none;
  background-color:lightblue !important;

}

.fc-event-time {
  border: none;
  outline:none;
  background-color:lightblue !important;
}

注意：有点RPG的方法，也许可以避免一些outline/border设为none，但没有时间全部检查。我想我仍然会分享，因为我在任何地方都找不到答案。