Estoy usando FullCalendar v5 (ya que estoy desarrollando el sitio web usando una plantilla usando v5). El siguiente es el código en mi archivo frontend para iniciar el calendario:

 var date = new Date() var d = date.getDate(), m = date.getMonth(), y = date.getFullYear() var Calendar = FullCalendar.Calendar; var calendarEl = document.getElementById('calendar'); // initialize the external events // ----------------------------------------------------------------- var calendar = new Calendar(calendarEl, { headerToolbar: { left: 'prev,next,today', center: 'title', right: '' }, themeSystem: 'bootstrap', events: { url: '/load/load_event.php, method: 'GET', failure: function () { alert('there was an error while fetching events!'); } } }); calendar.render();

Y el retorno JSON para load_event.php es el siguiente:

 [ { "id": 1, "Title": "Not Available", "Start": "2022-07-21", "End": "2022-08-05", "backgroundColor": "#FF0000", "borderColor": "#FF0000" } ]

Puedo renderizar el calendario sin problema, pero el evento no se muestra en mi calendario, ¿hay algo que me perdí?