如何避免Fullcalendar反转背景中的累积图层颜色

我为特定的日期和不同的资源添加了不同的营业时间，但反向背景层是累积的

上午的事件具有下午事件参数的颜色，反之亦然

我想要两个白色的活动

这里的示例：它独立于businessHours和ressource参数

events: [
        {
            start: '2018-05-02 10:00:00',
            end: '2018-05-02 11:00:00',
            color: 'blue',
            rendering: 'inverse-background'
        },
        {
            start: '2018-05-02 14:00:00',
            end: '2018-05-02 15:00:00',
            color: 'green',
            rendering: 'inverse-background'
        }
    ]

“反向背景”用指定的颜色填充事件未占用的所有空间。这包括其他事件占用的空间。由于您的另一个事件也是背景事件，因此它不是纯色，而另一个反向背景颜色通过它显示。由于日历呈现所有这些的方式，不可能找到表示实际事件的位，并将其不透明度设置为0，以便备用背景不会显示出来

在不修改fullCalendar源代码以实现上述过程的情况下，我知道的唯一解决方法是——如文档（）中所述——为每个事件提供相同的

id

，以便将它们组合在一起并自动使用单一背景色。使用组中第一个事件的颜色：

events: [
{
  id: 2,
  start: '2018-05-02 10:00:00',
  end: '2018-05-02 11:00:00',
  color: 'blue',
  rendering: 'inverse-background'
},
{
  id: 2,
  start: '2018-05-02 14:00:00',
  end: '2018-05-02 15:00:00',
  color: 'green',
  rendering: 'inverse-background'
}

---

查看工作演示

能否显示工作时间和资源定义，并说明您使用的视图和设置。是的：营业时间：[{dow:[2,3]，开始时间：'08:00'，结束时间：'12:00'}，{dow:[2,3]，开始时间：'13:30'，结束时间：'18:30'}。我使用垂直资源的2天视图和排程器。请您将其添加到问题中，而不是添加到注释中（使用“编辑”按钮）按钮更改您的问题，并按要求提供资源列表。我更新了所有帖子，使其更加简单明了。感谢这个问题，相同的id给出了我想要的。它将员工工作时间显示为ressource。它只是将背景累积层与工作时间反转，但这是一个细节，因为员工通常不会在工作时间外工作。@7没问题，如果答案对您有帮助，请记住将其标记为“已接受”——thanks@EPurpl3这取决于你对“不起作用”的确切定义。你到底出了什么问题？下面是一个使用v4和时间轴视图的演示：对数据的唯一更改是添加一个资源ID（这是必要的，否则事件无法显示在时间轴中，因为它不知道将它们放在哪个资源上）。结果的唯一变化是事件本身使用了

color

值，而不是白色。我不知道这是否是故意的。背景事件文档没有说明是否明确支持时间轴视图。@ADyson Aweasome，资源ID起了作用。我不知道我怎么没有想到，我使用资源ID来每个活动，但我没有用它作为背景活动。现在效果很好，谢谢。