Skip to main content

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

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;
      });
      
    });
  
  }

un saludo

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

Origen Enlace
akotech
  • 930
  • 2
  • 5
  • 8

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;
      });
      
    });
  
  }

un saludo