Question

有人可以通过FullCalendar.js v4将标题呈现为html的解决方案吗？在新版本上，所有获取元素并将文本替换为html的旧方法均无效。我在下面尝试过这个：

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

半有效-呈现HTML，但缺少该事件的其余html类。我的猜测是它需要修改完整的信息对象，但是设置不起作用： 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方法进行操作。例如，您可以执行以下操作以使标题以斜体显示：

.tag:hover {
    background: rgb(83,69,91);
    @include filter-gradient(#53455b, #201d22, vertical);
    @include background-image(linear-gradient(top,  rgba(83,69,91,1) 0%,rgba(32,29,34,1) 100%));

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

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

1 个答案: