1

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

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

我想要两个白色的事件。

此处示例：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'
        }
    ]
4

1 回答 1

2

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

于 2018-05-01T13:07:49.917 回答