Búsqueda de sitios web

angular - PrimeNG p-calendar - formato disableDate


Quiero deshabilitar las fechas del calendario de PrimeNG.

<p-calendar [(ngModel)]="dateValue" dateFormat="dd.mm.yy" [disabledDates]="[here are the dates]"></p-calendar>

Por ejemplo, quiero desactivar las fechas del calendario excepto hoy y mañana.

Respuesta #1

En lugar de usar disabledDates, deberías usar minDate y maxDate de esta manera:

HTML

<p-calendar [(ngModel)]="dateValue" [minDate]="minDateValue" [maxDate]="maxDateValue" readonlyInput="true"></p-calendar>

TS

this.minDateValue = new Date();
this.maxDateValue = new Date(new Date().getTime() + 24 * 60 * 60 * 1000);

Ver StackBlitz