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

Question

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

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

我想要两个白色事件。

此处示例：http://jsfiddle.net/gwpoofqk/它独立于 businessHours 和资源参数。

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"用指定的颜色填充所有未被声明事件占用的space。这包括 space 被其他事件占用。由于您的其他事件也是背景事件，因此它不是纯色，而另一种反背景色则通过它显示出来。由于日历呈现所有这些的方式，无法找到代表实际事件的位，并将其不透明度设置为 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/

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

How to avoid cumulative layer color in Fullcalendar inverse-background

fullcalendar

fullcalendar-scheduler

fullcalendar-3