[Ignite UI for Angular 10.2 新機能] IgxCalendarとIgxDatePickerで週番号を表示する。

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

Ignite UI for Angular 10.2の新機能として、IgxCalendarとIgxDatePickerで週番号が表示できるようになりました。表示させるには、showWeekNumbers入力をtrueにしてください。

<!-- IgxCalendar -->
<igx-calendar [showWeekNumbers]="true"></igx-calendar>

<!-- IgxDatePicker -->
<igx-date-picker [showWeekNumbers]="true"></igx-date-picker>

実行結果

サンプル

kb4524-app1 ダウンロード

リファレンス

IgxCalendarの「週番号」
- https://jp.infragistics.com/products/ignite-ui-angular/angular/components/calendar#%E9%80%B1%E7%95%AA%E5%8F%B7
- https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxcalendarcomponent.html#showweeknumbers
IgxDatePickerの「週番号」
- https://jp.infragistics.com/products/ignite-ui-angular/angular/components/date-picker#%E9%80%B1%E7%95%AA%E5%8F%B7
- https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxdatepickercomponent.html#showweeknumbers

実行結果

サンプル

リファレンス

Related Articles

IgxInputの高さを変更する

npm config set ~ を実行時に `//packages.infragistics.com/npm/js-licensed/` is not a valid npm option エラーが発生する

Windows 上で、Ignite UI for Angular を使用したプロジェクトにて npm install を実行、または ig new を実行するとエラーが発生する

Excel ライブラリーを使用して、Excel のワークシートにあるグラフのシリーズの色を変更する方法

IgxGrid – ヘッダー文字列をセンタリングしてもアイコンがあるせいで若干左寄せ（もしくは右寄せ）になってしまう場合のセンタリング方法

IgxGrid – ヘッダー文字列をセンタリングさせる方法

製品について

Ignite UI for Angular