Call markDisable method after received array with dates.

[jcmendes9898]

Hi, I need to call the method for disabled dates after i received the dates. It s called when component load,

markDisabled = (date: Date) => { console.log("MARK_DISABLED") this.diaFeriadoArray.forEach(dia => { if (date.getTime() === new Date(dia.startTime.getFullYear(), dia.startTime.getMonth(), dia.startTime.getDate(), 12).getTime()) { console.log("entrou") return true } }) return date.getDay() === 0 || date.getDay() === 6 };

As at the time that it is called, diaFeriadoArray is empty so it does not entered in the forEach. Any tips?

[twinssbc]

@jcmendes9898 Unfortunately markDisabled can't be called after receiving the data. I think you can insert dummy events on these disabled dates, and use custom template to customize the dates that having dummy events, to display them as disabled look and feel.

[shanthan25]

you can reload the calendar after receiving the data using the below code.

<calendar *ngIf="!rerender" [markDisabled]="markDisabled"></calendar>

getDisabledDates() {
  markDisabled = (date: Date) => { console.log("MARK_DISABLED") this.diaFeriadoArray.forEach(dia => { if (date.getTime() === new Date(dia.startTime.getFullYear(), dia.startTime.getMonth(), dia.startTime.getDate(), 12).getTime()) { console.log("entrou") return true } }) return date.getDay() === 0 || date.getDay() === 6 };
  this.doRerender();
}

doRerender() {
  this.rerender = true;
  this.cdRef.detectChanges();
  this.rerender = false;
}