fullcalendar.js v4-如何在标题中设置html / image？

Question

有谁有解决方案来获取FullCalendar.js v4将标题呈现为html？在新版本上，所有获取元素并将文本替换为html的旧方法均无效。我已经在下面尝试过了：

eventRender: function(info) {
  return $.parseHTML(info.event.title);

半有效-呈现HTML，但缺少该事件的其余html类。我的猜测是，它需要修改完整的info对象，但是设置不起作用：eventRender：function（info）{info.event.title = info.el.innerText; 返回信息

Answer 1

由于fullCalendar v4不再使用jQuery，因此eventRender期间提供的HTML元素现在是标准的JS DOM元素对象，所有通过v4的回调和方法提供的元素也是如此。有关更多信息，请参见https://fullcalendar.io/docs/upgrading-from-v3。

这意味着您可以使用标准的JavaScript DOM方法进行操作。例如，您可以执行以下操作以使标题以斜体显示：

eventRender: function(info) {
  info.el.querySelector('.fc-title').innerHTML = "<i>" + info.event.title + "</i>";
}