Question

我正在尝试更改完整日历上的单元格的背景颜色，无论是否存在共享单元格的事件。我有不同时间的可用性数据，并希望在我的FullCalendar成员可用性上显示热图，有点像when2meet。我试图用不带标题的不可编辑的背景事件来做到这一点，但是它们的背景颜色与我将背景颜色设置为不匹配（例如，如果我将背景的颜色设置为＆＃34;＃000000＆＃34;它显示浅灰色）。

是否有一种方法可以将类添加到某些时隙单元格（例如x日期的8-8：30），这样我可以编辑它们的CSS或使背景事件的背景颜色正确显示？

Answer 1

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

通过＆＃34; opacity＆＃34;非常简单地控制它。＆＃34; fc-bgevent＆＃34;的CSS属性class，它被添加到每个背景事件的元素中。

为了防止您只是覆盖该属性：

.fc-bgevent
{
  opacity: 1;
}

请参阅http://jsfiddle.net/qxLuLhsf/2/了解正常工作

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

1 个答案: