javascript - 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 将进入无限循环。很奇怪...

标签： javascripthtmlcssfullcalendarfullcalendar-4

Answer 1

借助 ADyson 的提示，我只需在 events 数组后添加以下 eventRender 函数即可使其工作：

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