Add Button In Fullcalendar V4 Event

In my fullcalendar v4.3.1 app I want to add some buttons with jsvascript function to events example with decision I make it as : window.calendarEventsObject = new FullCalendar.Cale

Solution 1:

The ".html is not a function" error occurs because .html is a jquery function and el is not a jQuery object (as of fullCalendar 4).

And .append() only appends plain text, not HTML. This is mentioned in the documentation

If you want to append a HTML string then the simplest way is to use innerHTML:

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

Demo: https://codepen.io/ADyson82/pen/JjPJXeb