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

Question

我正在尝试更改完整日历上单元格的背景颜色，无论是否有共享该单元格的事件。我有不同时间的可用性数据，想在我的成员(member)可用性 FullCalendar 上显示热图，有点像 when2meet。我试图用没有标题的不可编辑的背景事件来做到这一点，但它们的背景颜色与我设置的背景颜色不匹配(例如，如果我将背景颜色设置为“#000000”，它显示为浅灰色)。

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

Answer 1

FullCalendar 自动调整为背景事件指定的颜色以赋予它们褪色效果。

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

要防止这种情况，您可以简单地重写该属性:

.fc-bgevent
{
  opacity: 1;
}

参见 http://jsfiddle.net/qxLuLhsf/2/用于工作演示