Question

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

早上的事件有下午事件参数的颜色和相反的颜色。

我想要两个白色事件。

此处示例：http://jsfiddle.net/gwpoofqk/它独立于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'
        }
    ]

Answer 1

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

如果不对fullCalendar源代码进行更改以使上述过程成为可能，我所知道的唯一解决方法是 - 如文档（https://fullcalendar.io/docs/background-events）中所述 - 为每个事件提供相同的{{1} }，以便将它们组合在一起并自动使用单一背景颜色。使用组中第一个事件的颜色：

id

请参阅http://jsfiddle.net/gwpoofqk/1/了解正常工作

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

1 个答案: