IgxCalendarのselectionプロパティを”multi”に設定し、selectDateメソッドを使用して日付を選択してください。selectDateメソッドにDateオブジェクトの配列を渡すと複数選択ができます。

<igx-calendar
  #calendar1
  selection="multi">
</igx-calendar>
export class AppComponent implements OnInit {
  @ViewChild("calendar1", { read: IgxCalendarComponent, static: true}) public calendar1: IgxCalendarComponent;
  
  // ... (中略) ...

  ngOnInit(): void {
    this.calendar1.selectDate([ new Date(2020, 11, 1), new Date(2020, 11, 5)]);
  }
}

 

実行結果

 

サンプル

 

リファレンス

 

Tagged:

製品について

Ignite UI for Angular