Как избежать накопительного цвета слоя в Fullcalendar inverse-background

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

«обратный фон» заполняет все пространство, не занятое событием, в котором оно объявлено, с указанным цветом. Это включает в себя пространство, занимаемое другими событиями. Поскольку ваше другое событие также является фоновым событием, оно не является сплошным цветом, и через него просвечивает другой цвет обратного фона. Из-за способа, которым календарь отображает все это, невозможно найти бит, который представляет фактическое событие, и установить его непрозрачность равной 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/ для рабочего демо