完整日历仅在工作时间更改背景颜色

Question

过去几周，我一直在研究完整日历。一切都进展顺利，直到该要求到来为止。因此，要求是我们需要更改日历中工作时间的背景色。
如您所见，我要更改营业时间的唯一背景颜色。我尝试在网络上查找，但最终找不到正确的解决方案，即使我宣读了完整日历的文档，也没有关于如何更改营业时间的背景色的信息。

Answer 1

您是否注意到在设置营业时间时，只有不是部分的零件的颜色发生了变化？因此，营业时间本身保持默认颜色。

此外，营业时间之内的时间都被留空了-无法在HTML中专门标识这些区域。非营业时间是使用具有特定颜色集的background events实现的。

但是，这些事件是部分透明的，因此，如果更改整个日历的默认背景色，也​​会更改背景事件的基础颜色。这使得更改营业时间区域的颜色更加困难。

我能找到的最接近您需求的解决方案是更改整个日历的颜色，但随后使非工作时间没有透明度，因此您无法在其下方看到更改的颜色。使用几个简单的CSS规则就可以做到这一点：

.fc-body
{
  background-color: #ECE4C6
}

.fc-nonbusiness
{
  opacity:1;
}

演示：https://codepen.io/ADyson82/pen/NWGKaOB

（如果您不了解，我使用浏览器的开发人员工具检查了fullCalendar生成的HTML，从而发现了要使用的类。）