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

Ignite UI for Angular 10.1.xでIgxCalendarとIgxMonthPickerのビューが切り替わった際の処理を追加することが可能になりました。対応するイベントはviewDateChangedイベントです。渡されてくる引数から、切り替わる前の月の1日の日付と切り替わった後の月の1日の日付が取得できます。

また、IgxCalendarとIgxMonthPickerのviewDateも、月の1日の日付を返すようになりました。

<!-- app.component.html -->

<!-- igx-calendar -->
<igx-calendar #calendar (viewDateChanged)="viewDateChanged($event)"></igx-calendar>

<!-- igx-month-picker -->
<igx-month-picker #monthPicker (viewDateChanged)="viewDateChanged($event)"></igx-month-picker>
// app.component.ts
public viewDateChanged(event: IViewDateChangeEventArgs) {
  console.log(event.previousValue); // 切り替わる前の月の1日の日付
  console.log(event.currentValue);  // 切り替わった後の月の1日の日付
}

 

APIリファレンス

 

サンプル

 

製品について

Ignite UI for Angular