Ignite UI for Angular 13.1.9 バージョン時点での情報に基づいています。

IgxCalendar では、disabledDates オプションを利用することで、特定の日を選択不可にすることができます。下記例では、2022年3月~5月は選択でき、それ以外の年月は選択できない状態となります。

<igx-calendar [disabledDates]="disabled"></igx-calendar>

...

export class AppComponent {
  title = 'igx-calendar-demo';
  disabled: DateRangeDescriptor[] = [
    {
      // 2022年3月1日以前は選択不可
      type: DateRangeType.Before,
      dateRange: [new Date(2022, 2, 1)]
    },
    {
      // 2022年5月31日以降は選択不可
      type: DateRangeType.After,
      dateRange: [new Date(2022, 4, 31)]
    },
  ]
}
Tagged:

製品について

Ignite UI for Angular