Question

为什么在带有逆背景渲染的两个背景事件中我无法获得白色？

我发现了两个类似的问题，但是无法发表评论（由于声誉低下）： FullCalendar 4 inverse-background

How to avoid cumulative layer color in Fullcalendar inverse-background

fullcalendar v4中的问题样本： http://jsfiddle.net/hrvoje2/ye2gkb4a

fullcalendar v3的良好结果示例： http://jsfiddle.net/gwpoofqk/1/

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'
  }
]

V3渲染正常（白色），但是v4混合颜色（白色和蓝色/绿色）。文档说：“共享相同ID的事件将在呈现时组合在一起”。 https://fullcalendar.io/docs/v4/background-events

Answer 1

在v4中，您必须使用groupId而不是id来将它们关联在一起。这些文档现在错了（他们说的是id）。

在此错误报告中找到了该信息： https://github.com/fullcalendar/fullcalendar/issues/4659

工作示例： http://jsfiddle.net/hrvoje2/pzu1qmvc/

events: [
  {
    id: 1,
    groupId: 1,
    start: '2018-05-02 10:00:00',
    end: '2018-05-02 11:00:00',
    color: 'blue',
    rendering: 'inverse-background'
  },
  {
    id: 2,
    groupId: 1,
    start: '2018-05-02 14:00:00',
    end: '2018-05-02 15:00:00',
    color: 'green',
    rendering: 'inverse-background'
  }
]

Fullcalendar v4在具有逆背景渲染的背景事件上显示错误的颜色

1 个答案: