web-dev-qa-db-ja.com

angular p-calendarで将来の日付を無効にするにはどうすればよいですか？

私は次のようにカレンダー入力を使用しています。

<p-calendar  maxDate="dateTime" showTime="true" hourFormat="12" showButtonBar="true" [(ngModel)]="dateTime" name="timeOfUse" required #timeOfUse="ngModel">
          </p-calendar>

この日付ピッカーで将来の日付を無効にしたい。単純な性質かもしれませんが、わかりません。助けに感謝します

angularprimeng
4
Channa

あなたは今のところありません！ maxDateに角かっこを追加するだけで、機能します。

<p-calendar  [maxDate]="dateTime" showTime="true" hourFormat="12" showButtonBar="true" [(ngModel)]="dateTime" name="timeOfUse" required #timeOfUse="ngModel">
</p-calendar>

たとえば、今日の3日後の日付を無効にする場合：

export class AppComponent {

   dateTime = new Date();

   constructor() {
     this.dateTime.setDate(this.dateTime.getDate() + 3);    
   }


}
6
Antikhippe

ウェブ上でこれが役立つかもしれません、トピックを読んでください特定の日付や日を無効にする

日付制限

[maxDate]="maxDateValue"

https://www.primefaces.org/primeng/#/calendar

参照

https://forum.primefaces.org/viewtopic.php?f=35&t=49578

2
Nisal Edu