如何在完整日历中更改单元格背景颜色



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

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

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

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

若要防止这种情况,只需覆盖该属性即可:

.fc-bgevent
{
  opacity: 1;
}

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

相关内容

  • 没有找到相关文章

最新更新