如何避免在全日历反向背景中累积图层颜色

Question

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

上午的事件具有下午事件参数的颜色和倒数。

我想同时举办两个白色事件。

示例：http://jsfiddle.net/gwpoofqk/它独立于工作时间和资源参数。

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'
}
]

Answer 1

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

在不更改 fullCalendar 源代码以使上述过程成为可能的情况下，我知道的唯一解决方法是 - 如文档 (https://fullcalendar.io/docs/v3/background-events( 中所述 - 为每个事件提供相同的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'
}

有关工作演示，请参阅 http://jsfiddle.net/gwpoofqk/1/