primeng 달력에서 월 첫날 만 선택 허용

Question

primeng calendar component을 사용하는 각 응용 프로그램이 있습니다.

매월 첫 번째 날짜 만 선택하도록 제한을 추가해야합니다.

구성 요소에는 disabledDates 속성 또는 특정 요일 (disabledDays)을 설정하여 특정 날짜를 사용하지 못하게하는 기능이 있습니다. 그러나 나는 그 달의 날을 무력하게 할 어떤 것도 발견하지 못했습니다.

누구든지 이것을 구현하는 방법에 대한 아이디어가 있습니까?

Answer 1

좋아. disabledDates 기능을 사용할 수는 있지만 분명히 매월 게재 할 수는 없습니다. 따라서 한 달간 사용 중지 된 날짜를 입력하고 onMonthChange 이벤트에 연결하여 사용 중지 된 날짜를 업데이트하는 것이 좋습니다. 같은과 함께

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

: 사용자가 다른 달을 볼 때

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

그것을 테스트하지 않습니다.