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

Question

有没有人有办法让 FullCalendar.js v4 将标题呈现为 html？获取元素并用 html 替换文本的所有旧方法在新版本上均无效。我在下面试过这个：

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

半作品 - Html 已呈现，但缺少事件中 html 类的其余部分。我的猜测是它需要修改完整信息 object 但设置它不起作用： eventRender：功能（信息）{ info.event.title = info.el.innerText; return 信息

Answer 1

由于 fullCalendar v4 不再使用 jQuery，eventRender is now a standard JS DOM element object, as are all elements supplied via v4's callbacks and methods. See https://fullcalendar.io/docs/upgrading-from-v3 期间提供的 HTML 元素可获取更多信息。

这意味着您可以使用标准 JavaScript DOM 方法来操作它。例如，您可以这样做以使标题显示为斜体：

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

演示：https://codepen.io/anon/pen/XwmgLR?editors=1010

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

fullcalendar.js v4 - How to set html in title?

javascript

html

fullcalendar

fullcalendar-4