Fullcalendar 4.3 为后台事件添加标题

Question

fullcalendar 4.3 不再使用 jquery，此后我发现很难获得我想要的自定义。我想要的很容易解释：我希望背景事件的标题可见。所以从这个：

对此：

我手动完成了此更改（在 firefox 检查器中编辑为 html），但我想使用 javascript 代码来完成。这部分有效：

        {
      start: '2019-08-06',
      end: '2019-08-10',
      overlap: false,
      title: 'Schoolvakantie',
      rendering: 'background',
      color: '#ff9f89'
      ,les: 'geenles'
    }
  ],
    eventRender: function (info) {
        if (info.event.extendedProps.les == 'geenles') {
            console.log(info.event);
        }
    }

但是我将对事件应用一些更改而不是 console.log，但是旧的 event.prepend 功能不可用，因为 jquery 不再使用。有什么想法吗？

顺便说一句，奇怪的是，如果我在 eventRender 中添加一些东西会改变事件中的任何内容，例如

                info.event.setProp( "textColor", "#ff00ff" ); //(after the console.log)

javascript 将进入无限循环。很奇怪...

Answer 1

根据 ADyson 的提示，我只需在事件数组后添加以下 eventRender 函数即可使其正常工作：

  eventRender: function(info) {
      if(info.event.extendedProps.something == 'something'){
          info.el.innerHTML = '<br>'+info.event.title;
      }
  }

Fullcalendar 4.3 为后台事件添加标题

Fullcalendar 4.3 adding title to background event

html

javascript

css

fullcalendar

fullcalendar-4