キャンセル可能なカレンダーの終了時に発生します。
ピッカーを有効または無効にします。
編集可能な入力がフォーカスされていない場合に使用される形式。設定されていない場合、デフォルト値は inputFormat
です。
選択または渡された日付のカスタムフォーマッター関数を取得または設定します。
ピッカーのヘッダーの向きを設定します。
id
属性の値を設定します。
提供されていない場合は、自動的に生成されます。```html
<igx-time-picker [id]="'igx-time-picker-5'" [displayFormat]="h:mm tt" >
予想されるユーザー入力形式とプレースホルダー。
操作モード (dialog または drop down) を取得または設定します。
カレンダーが開いた後に発生します。
キャンセル可能なカレンダーの開始時に発生します。
ポップアップ要素に使用されるコンテナー。
ポップアップ要素の表示に使用されるオーバーレイ設定です。
ピッカーの入力の placeholder
を設定します。
選択が行われた後に発行されます。
終了値に達したときに秒、分、時間の回転をループするかどうかを設定します。 デフォルトでは true に設定されています。
<igx-time-picker [spinLoop]="false"></igx-time-picker>
デフォルトのテンプレート エディターの tabindex を取得または設定します。
ユーザーがタイム ピッカー エディターで無効な時間を入力/スピンしたときに発行されます。
ピッカーの値が変更されたときに発生されます。
キャンセル ボタンのラベルを返すアクセサーです。
ドロップダウン/ダイアログが閉じたかどうかを取得します。
let isCollapsed = this.timePicker.collapsed;
スピン アクションで各エディターの日付部分を増減し、
ドロップダウン/ダイアログに時間部分を表示するために使用されるデルタ値です。
デフォルトで itemsDelta
は {hour: 1, minute: 1, second: 1}
に設定されます。
<igx-time-picker [itemsDelta]="{hour:3, minute:5, second:10}" id="time-picker"></igx-time-picker>
date-picker の locale
を取得します。
設定されていない場合、デフォルトでアプリケーションのロケールになります。
date-picker のlocale
を設定します。
有効な BCP 47 言語タグに設定します。
OK ボタンのラベルを返すアクセサーです。
リソース文字列を返すアクセサーです。
value
入力を使用して時間を設定するためのアクセサーです。
public date: Date = new Date(Date.now());
//...
<igx-time-picker [value]="date" format="h:mm tt"></igx-time-picker>
週の最初の曜日を取得します。 曜日の数値または列挙型の表現を返します。 設定されていない場合、デフォルトでアプリケーション ロケールの週の初日になります。
週の最初の曜日を設定します。
数値または WEEKDAYS
の列挙型の値に割り当てます。
ドロップダウンを閉じます。
<igx-time-picker #timePicker></igx-time-picker>
@ViewChild('timePicker', { read: IgxTimePickerComponent }) picker: IgxTimePickerComponent;
picker.close();
指定された DatePart
を減少します。
減少するオプションの DatePart です。デフォルト値は Hour です。
減少に使用するオプションのデルタ。itemsDelta
をオーバーライドします。
指定した DatePart
を増加します
増分するオプションの DatePart です。デフォルト値は Hour です。
増分するデルタ (オプション)。itemsDelta
をオーバーライドします。
ピッカーのダイアログ UI を開きます。
OverlaySettings - ドロップダウンまたはダイアログ コンテナーを適切に配置するために使用するオーバーレイ設定。
<igx-time-picker #picker [value]="date"></igx-time-picker>
<button type="button" igxButton (click)="picker.open()">Open Dialog</button>
カレンダーが閉じた後に発生します。