Erlaube nur den ersten Tag des Monats in Primeng Kalender auswählen

Question

Ich habe eckige Anwendung, die primeng calendar component verwendet.

Ich muss eine Einschränkung hinzufügen, um nur das erste Datum jedes Monats auszuwählen.

Die Komponente verfügt über die Funktion zur Deaktivierung bestimmter Daten durch Einstellung der Eigenschaft disabledDates oder bestimmter Wochentage (disabledDays). Aber ich habe nichts gefunden, das die Tage des Monats deaktiviert.

Hat jemand eine Idee, wie man das umsetzt?

Answer 1

In Ordnung. Sie können die disabledDates Funktionalität verwenden, aber es wird nicht möglich sein, jeden Tag des Monats zu verwenden, also würde ich empfehlen, dass Sie einen Monat im Wert von deaktivierten Daten eingeben, dann hängen Sie in das onMonthChange Ereignis, um Ihre deaktivierten Daten zu aktualisieren wenn der Benutzer einen anderen Monat Ansichten:

<p-calendar [disabledDates]="invalidDates" (onMonthChange)="updateDisabledDates($event)"> 

Mit so etwas wie:

public disabledDates: Date[] = []; 

function updateDisabledDates(event) { 
    const daysInMonth = new Date(event.year, event.month, 0).getDate(); 
    disabledDates = [] 
    for (let i = 2; i < daysInMonth; i++) { 
    console.log(i) 
    disabledDates.push(new Date(event.year, event.month, i)); 
    } 
} 

es nicht getestet.