Tengo una matriz de objetos de un solo evento que quiero publicar en el calendario completo. Si creo una matriz de objetos que no es dinámico a partir de una respuesta de búsqueda, funciona bien. Obtengo los elementos de una búsqueda, creo un nuevo objeto con la respuesta y luego empujo cada objeto individual a una matriz. Antes de mi .catch(), $('#calendar').fullCalendar('addEventSource', approvedReq); luego, en mi inicialización de .fullCalendar, defino la matriz que creé como la fuente del evento. Por favor vea mi código abajo:
const requestsApproved = new Request( "/items?$expand=EmployeeName&$select=ID,Title,EmployeeName/Title,EmployeeName/Id,StartDate,EndDate,TotalHours,Status&$filter=Status eq 'Approved'" , { method: 'GET', credentials: 'include', headers: new Headers({ "Accept": "application/json; odata=verbose", }) } ); const approvedReq = []; fetch(requestsApproved) .then((response) => response.json()) .then((data) => { const items = data.d.results; items.forEach((item) => { const approveReqItems = { id: item.ID, title: item.Title, start: item.StartDate, description: 'Request', end: item.EndDate, color: '#104723', textColor: '#b3ab7d', }; approvedReq.push(approveReqItems); //console.log(item.Title,item.EventDate,item.EndDate); }); console.log(approvedReq); $('#calendar').fullCalendar('addEventSource', approvedReq); }).catch((error) => { console.error('Error:', error); }); $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: '', right: 'title month,agendaWeek' }, events: approvedReq, displayEventTime: false, }); <link rel='stylesheet' href='https://fullcalendar.io/js/fullcalendar-3.1.0/fullcalendar.min.css' /> <script src='https://fullcalendar.io/js/fullcalendar-3.1.0/lib/jquery.min.js'></script> <script src='https://fullcalendar.io/js/fullcalendar-3.1.0/lib/jquery-ui.min.js'></script> <script src='https://fullcalendar.io/js/fullcalendar-3.1.0/fullcalendar.min.js'></script> <div id="calendar"></div>