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

时间:2020-10-28 10:51:37

标签: javascript fullcalendar

在以前的完整日历版本中,我将使用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不是函数

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

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

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

因此,我还尝试使用“追加”插入带有属性的元素,但这会将其添加为纯文本。

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

在这里疯狂地尝试做相对简单的事情,还有其他人遇到吗?

1 个答案:

答案 0 :(得分:1)

总是这样。我把头发扯了30分钟,发布问题,然后找到答案。

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