I am using fullcalendar, but I ran into a problem, what do I need to display the day of the week in the date cell, and also set the current month next to the date? how can this be done? enter image description here

js: $('.js-fullcalendar').fullCalendar({ header: { right: 'today', center: 'prev, title, next', left: '' }, navLinks: true, editable: true, eventLimit: true, events: exhibitionList, eventColor: '#3279b7', columnFormat: 'dddd', eventRender: function(event, element) { if(event.logo){ element.find(".fc-title").prepend("<img class='fcalen__img' src="+event.logo+">").append("<span class='fcalen__city'>"+event.city+"</span>"); } } });

    1 answer 1

    I solved this problem through dayRender

     $('.js-fullcalendar').fullCalendar({ header: { right: 'today', center: 'prev, title, next', left: '' }, navLinks: true, editable: true, eventLimit: true, events: exhibitionList, eventColor: '#3279b7', columnFormat: 'dddd', dayRender: function( date, cell ) { var weekDay = date.format("dddd"); var month = date.format("MMMM"); var day = date.format("D"); cell.html("<span class='fcalen__week-day'>" + weekDay + "</span>" + "<br>" + "<div class='fcalen__month-name'>" + day + " " + month + "</div>"); }, eventRender: function(event, element) { element.find(".fc-title").prepend("<img class='fcalen__img' src="+event.logo+">").append("<span> / <span><span class='fcalen__city'>" + event.country + " " + event.city + "</span>"); } });