如何在FullCalendar中更改单元格背景颜色

Question

我正在尝试更改完整日历上单元格的背景色，而不管是否有共享该单元格的事件。我有不同时间的可用性数据，并希望在我的FullCalendar上显示成员可用性的热图，有点像when2meet。我尝试过对没有标题的不可编辑背景事件执行此操作，但它们的背景颜色与我设置的背景颜色不匹配(例如，如果我将背景颜色设置为"#000000“，它将显示为浅灰色)。

有没有一种方法可以将类添加到特定的时隙单元格(例如，x日期的8-8:30 )，以便我可以编辑它们的css，或者使背景事件的背景色正确显示？

Answer 1

FullCalendar会自动调整为背景事件指定的颜色，使其具有淡入淡出的效果。

这是通过"fc-bgevent“类的"opacity”CSS属性非常简单地控制的，该属性被添加到每个背景事件的元素中。

为了防止出现这种情况，您可以简单地覆盖该属性：

.fc-bgevent
{
  opacity: 1;
}

有关工作演示，请参阅http://jsfiddle.net/qxLuLhsf/2/