在全日歷錯誤中將按鈕添加到事件

Question

在我的laravel-fullcalendar應用程序中，我想向事件中添加一些帶有jsvascript函數的按鈕，並查看此將字體真棒圖標添加至完整日歷標題示例，並做出如下決定：

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

eventRender: function (eventInfo, element) {
    console.log("eventRender   eventInfo::")
    console.log(eventInfo)
    console.log("eventRender   eventInfo.event::")
    console.log(eventInfo.event)

    console.log("element::")
    console.log( element )


    console.log("eventInfo.el::")
    console.log( eventInfo.el )

    eventInfo.event.el.find(".fc-title").prepend("<i class='fa fa-external-link'></i>");

    var tooltip = new Tooltip(eventInfo.el, {        // example : https://fullcalendar.io/docs/event-tooltip-demo
        title: 'HTREDSA', //eventInfo.event.extendedProps.description,
        placement: 'top',
        trigger: 'hover',
        container: 'body'
    });


},

events: eventsList,

header: {
    left: 'LEFT98',
    center: 'title123',
    right: 'Right 444'
},

showNonCurrentDates: false,

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

aspectRatio: 0.4,
height: 700,

select: function (start, end) {
    alert( "select:::"+var_dump(-50) )
    var title = "Available";
    var evid = SaveEvent(start, end, '1');
    $('#events_calendar').fullCalendar('unselect');
},

eventClick: function (clickObj) {
    alert( "eventClick clickObj.el::"+var_dump(clickObj.el) )
    if (clickObj.el.href != "") {
        // alert( "::"+var_dump(-4) )
        let el_href = clickObj.el.href
        clickObj.el.href = ""
        window.open(el_href, "_blank");
        // clickObj.event.preventDefault();
        alert( "::"+var_dump(-41) )
        return false;
    }
    return false;
},
});

但是在控制台中調試時，我發現eventRender函數元素的第二個參數在我的情況下為空。 我試圖通過第一個參數訪問elemnt eventInfo，但失敗： https ://imgur.com/a/GPn1tOe

如何在全日歷事件中添加按鈕？

  "laravel/framework": "5.8.*",
  "maddhatter/laravel-fullcalendar": "^1.3",

謝謝！

Answer 1

我發現沒有jquery方法的fullcalendar 4的決定：

eventRender: function (eventInfo) {
    eventInfo.el.querySelector('.fc-title').append("Some additive Text ");

有用！