具有反向背景渲染的背景事件上的全日历 v4 颜色错误

Question

为什么我不能通过两个具有反向背景渲染的背景事件获得白色？

我发现了两个类似的问题，但无法评论它们(因为声誉低(： 全日历 4 反背景

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

全日历 v4 中的问题示例： http://jsfiddle.net/hrvoje2/ye2gkb4a

全日历 v3 中的良好结果示例： http://jsfiddle.net/gwpoofqk/1/

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

V3 渲染正常(白色(，但 v4 混合颜色(白色和蓝色/绿色(。 文档说"当此渲染发生时，共享相同 id 的事件将分组在一起"。 https://fullcalendar.io/docs/v4/background-events

Answer 1

在 v4 中，您必须使用 groupId 而不是 id 将它们关联在一起。 文档现在错了(他们说id(。

在此错误报告中找到该信息： https://github.com/fullcalendar/fullcalendar/issues/4659

工作示例： http://jsfiddle.net/hrvoje2/pzu1qmvc/

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