fullcalendar-4 - FullCalendar 4 逆背景

Question

我在 FullCalendar v4.0.2 中遇到反向背景问题。

代码：

let calendarEl = document.getElementById(this.element_id);
this.calendar = new FullCalendar.Calendar(calendarEl, {
    plugins: [ 'timeGrid' ],
    height: "auto",
    nowIndicator : true,
    defaultView: 'timeGridDay',
    events: [
        {
            id: 2,
            start: '2019-04-17 10:00:00',
            end: '2019-04-17 11:00:00',
            color: 'blue',
            rendering: 'inverse-background'
        } , {
            id: 2,
            start: '2019-04-17 14:00:00',
            end: '2019-04-17 15:00:00',
            color: 'green',
            rendering: 'inverse-background'
        }
    ]
});
this.calendar.render();

当我使用此代码时，共享相同 ID 的事件不会在此渲染发生时组合在一起。

Answer 1

我不完全确定，但我认为您对这种类型的渲染使用了错误的视图。

const el = document.querySelector("#calendar");

const calendar = new FullCalendar.Calendar(el, {
  plugins: ['timeGrid'],
  defaultView: 'timeGridWeek',
     events: [
        {
            id: 2,
            start: '2019-04-17 10:00:00',
            end: '2019-04-17 11:00:00',
            color: 'blue',
            rendering: 'inverse-background'
        } , {
            id: 2,
            start: '2019-04-17 14:00:00',
            end: '2019-04-17 15:00:00',
            color: 'blue',
            rendering: 'inverse-background'
        }
    ]
});

calendar.render();

https://codepen.io/anon/pen/rbJyzv