完整日历 v5 向事件添加属性

Question

在以前的完整日历版本中，我会使用 eventRender 来操作事件元素并添加数据属性。

现在我们的任务是升级到 v5，看起来 eventRender 已被弃用，我找不到做同样事情的方法。

在此处的文档中...https://fullcalendar.io/docs/event-render-hooks我能够使用 eventDidMount 访问元素 (el) - 但是任何对 attr 或数据的调用都会导致“attr 未定义”错误。

 eventDidMount: function(data) {
        data.el.data('res', 123);
    },

data.el.data is not a function

所以知道数据是jQuery，我试试这个...

eventDidMount: function(data) {
        $(data.el).data('res', 123);
    },

不再有错误，但也没有添加数据属性。

所以我也尝试使用“追加”来插入一个带有属性的元素，但这会将其添加为纯文本。

eventDidMount: function(data) {
    data.el.append('<span data-id="123"></span>');
},

在这里尝试做一些相对简单的事情让自己发疯，还有其他人运行参与其中吗？

Answer 1

它总是这样。我撕了 30 分钟的头发，post 一个问题，然后找到答案。

eventDidMount: function(data) {
        data.el.setAttribute("data-id", 123);
    },

Full Calendar v5 Add Attribute to Event