「IgxDatePicker – 有効日付範囲の設定」によりピッカーの無効な日付選択は制御できましたが、日付ピッカーエディターへの入力やスピン(マウスホイールでの操作など)による設定ができてしまいます。このような場合に、 […]
Articles Tagged: IgxDatePicker
IgxDatePicker – 有効日付範囲の設定
IgxDatePicker では、ポップアップ表示されたカレンダーで選択できる日付の範囲(有効日付範囲)を設定することができます。 利用するプロパティは以下になります。 maxValue minValue 名称からもわか […]
[igniteui-angular 12.0.0 新機能] IgxDatePickerのonDisabledDateイベントは廃止されました
igxDatePickerではバージョン12.0.0にてonDisabledDateイベントが廃止されました。代わりに、ユーザーによる無効な日付の入力はvalueChangeイベントで取得する方法があります。
[igniteui-angular 12.0.0 新機能] IgxDatePicker: formatOptionsとformatプロパティはinputFormatプロパティに統合されました
igxDatePickerではバージョン12.0.0よりformatOptionsとformatプロパティがinputFormatプロパティに統合されました。inputFormatプロパティはdropdownモードの i […]
[igniteui-angular 12.0.0 新機能] IgxDatePicker: igxPickerActions ディレクティブのテンプレート内でCalendarコンポーネントにアクセス可能になりました
igxDatePickerではテンプレートを使用してアクションボタンをカスタマイズすることが可能ですが、バージョン12.0.0よりテンプレート内でCalendarコンポーネントにアクセスすることが可能になりました。 以下 […]
[igniteui-angular 12.0.0 新機能] IgxDatePickerのプロパティ名の変更について
IgxDatePickerのverticalプロパティは12.0.0にてheaderOrientationプロパティに名前が変更されました。 headerOrientationプロパティには”vertical […]
igxDatePicker カレンダーを本日(または指定日付)に移動するボタンを追加する
カレンダーの日付移動は、 viewDate プロパティに日付を設定することで実現できます。 https://jp.infragistics.com/products/ignite-ui-angular/docs/type […]
IgxGrid dataType=”‘date'”の列で編集時のマスクの”_”を別の文字に設定する。
1. igx-columnにセル編集テンプレートを使用し、2. セル編集テンプレートにigx-date-pickerを配置し、3. igx-date-pickerでさらにng-templateを埋め込み、4. 3のng- […]
IgxDatePicker 編集中の”_”を”0″に変更したい
IgxDatePickerは、編集中、未入力部分には”_”が表示されるのですが、それを”0″に変更したい場合は、IgxDatePickerにng-templateを埋め込み […]
igxDatePicker カレンダーのフォント、背景色などのスタイルを設定する
igxDatePicker は テーマを上書きすることで見た目を変更することができます。 上記以外のプロパティもご用意しています。詳細は下記リンクをご参考ください。 https://jp.infragistics.com […]