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

IgxCalendar では、デフォルトの状態として日曜日が開始曜日となっていますが、weekStart プロパティを利用することで異なる曜日で開始することができます。

IgxCalendarComponent | Ignite UI for Angular (infragistics.com)

デフォルト値は weekStart=”0″ (日曜日)となります。例えば、次の様に weekStart=”1″ とすることで、月曜日始まりのカレンダー表現とすることができます。

<igx-calendar [weekStart]="1" locale="ja-JP">
  <ng-template igxCalendarHeader let-format>
    {{ format.month.combined | titlecase }}
    {{ format.day.combined }}
    {{ format.weekday.combined }}
  </ng-template>
  <ng-template igxCalendarSubheader let-format>
    <span (click)="format.yearView()">{{ format.year.combined }}</span>
    <span (click)="format.monthView()">{{ format.month.combined | titlecase }}</span>
  </ng-template>
</igx-calendar>

サンプル

github-ub3pye-toud4y – StackBlitz

Tagged:

製品について

Ignite UI for Angular