Tu problema probablemente esté relacionado con la detección de cambios.
Como estás mutando el array de la propiedad events
usando this.events.push(kk);
cuando recibes la respuesta, la referencia de dicho array no varía y fullcalendar
no detecta el cambio.
Prueba refactorizando tu código usando el método map
en vez de forEach
, ya que este crea un nuevo array.
Tu código quedaría así.
getEventos() {
this.calendarService.getCitas().subscribe((resp) => {
let datos = resp.data;
this.events = datos.map((dt: Citas) => {
let kk: EventosCalendar = {
title: dt.idCliente,
start: moment(dt.fechaCita).toISOString(),
};
if (dt.tiempoCita != undefined) {
kk.end = moment(dt.fechaCita)
.add(dt.tiempoCita, 'minute')
.toISOString();
} else {
if (moment(dt.fechaCita).hour() == 0) {
kk.allDay = true;
}
}
return kk;
});
this.calendarOptions.events = this.events; // adicioné esto a tu código
});
}
un saludo