Javascript fullcalendar v4事件中的添加按钮

在我的fullcalendar v4.3.1应用程序中，我想向事件添加一些带有jsvascript函数的按钮 我的决策示例如下：

window.calendarEventsObject = new FullCalendar.Calendar(calendarEl, {
    plugins: ['dayGrid'],

    eventRender: function (eventInfo) {

        eventInfo.el.querySelector('.fc-title').append("<i class='fa fa-external-link pull-right'>7890</i>");
        // I see text in title , but not html element, as I expected  


        // eventInfo.el.querySelector('.fc-title').html("<i class='fa fa-external-link pull-right'>7890</i>");
        // If to uncomment  the lline above I got error eventInfo.el.querySelector(...).html is not a function
    },

    events: eventsList,

    showNonCurrentDates: false,

    editable: true,
    allDaySlot: true,
    selectable: true,
    selectHelper: true,
    selectOverlap: false,
    fixedWeekCount: false,

    aspectRatio: 0.4,
    height: 700,

});

window.calendarEventsObject=新的FullCalendar.Calendar（calendarEl{
插件：['dayGrid']，
eventRender:函数（eventInfo）{
eventInfo.el.querySelector（'.fc title'）。追加（“7890”）；
//我在标题中看到了文本，但没有像我预期的那样看到html元素
//eventInfo.el.querySelector（'.fc title'）.html（“7890”）；
//如果要取消对上面的lline的注释，我会得到错误eventInfo.el.querySelector（…）.html不是函数
},
事件：事件列表，
显示非当前日期：false，
是的，
是的，
是的，
selectHelper:对，
选择重叠：false，
fixedWeekCount:false，
方面：0.4，
身高：700，
});

哪种方式有效

谢谢

出现“.html不是函数”错误，因为.html是一个函数，

el

不是jQuery对象（从fullCalendar 4开始）

和

.append（）

仅附加纯文本，而不是HTML。这是

如果要附加HTML字符串，最简单的方法是使用

innerHTML

：

eventRender: function (eventInfo) {
  eventInfo.el.querySelector('.fc-title').innerHTML += "<i class='fa fa-external-link pull-right'>7890</i>";
}

eventRender:function（eventInfo）{
eventInfo.el.querySelector（'.fc title'）.innerHTML+=“7890”；
}

演示：