クラス IgxDateRangeEndComponent

Date range picker の end 入力を定義します。

igxmodule

IgxDateRangeModule

igxtheme

igx-input-group-theme, igx-calendar-theme, igx-date-range-picker-theme

igxkeywords

date, range, date range, date picker

igxgroup

scheduling

備考:

テンプレート化する場合、end 入力は個別にテンプレート化する必要があります。

例:
<igx-date-range-picker mode="dropdown">
<igx-date-range-end>
<input igxInput igxDateTimeEditor type="text">
</igx-date-range-end>
...
</igx-date-range-picker>

階層

  • IgxDateRangeInputsBaseComponent
    • IgxDateRangeEndComponent

Index

コンストラクタ

プロパティ

defaultClass: boolean = true

IgxInputGroupComponent の自動生成されたクラスを有効/無効にするプロパティ。 デフォルトでクラスが適用されます。

 @ViewChild("MyInputGroup")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
this.inputGroup.defaultClass = false;

}

element: ElementRef<HTMLElement>
inputDirective: IgxInputDirective
onDensityChanged: EventEmitter<IDensityChangedEventArgs> = ...
suppressInputAutofocus: boolean = false

入力グループ内の他の要素 (Prefix または Suffix など) をクリックすると、入力に自動的にフォーカスすることを防止します。

備考:

自動フォーカスにより、ソフトウェア キーボードがモバイル デバイスに表示されます。

例:
<igx-input-group [suppressInputAutofocus]="true"></igx-input-group>

アクセサー

  • get hasBorder(): boolean
  • get hasHints(): boolean
  • get isTypeBootstrap(): boolean
  • IgxInputGroupComponent のテーマが Bootstrap の場合、true を返します。

    @ViewChild("MyInputGroup1")
    public inputGroup: IgxInputGroupComponent;
    ngAfterViewInit(){
    let isTypeBootstrap = this.inputGroup.isTypeBootstrap;
    }

    返却 boolean

  • get isTypeBorder(): boolean
  • get isTypeBox(): boolean
  • get isTypeFluent(): boolean
  • IgxInputGroupComponent のテーマが Fluent の場合、true を返します。

    @ViewChild("MyInputGroup1")
    public inputGroup: IgxInputGroupComponent;
    ngAfterViewInit(){
    let isTypeFluent = this.inputGroup.isTypeFluent;
    }

    返却 boolean

  • get isTypeIndigo(): boolean
  • IgxInputGroupComponent のテーマが Indigo の場合、true を返します。

    @ViewChild("MyInputGroup1")
    public inputGroup: IgxInputGroupComponent;
    ngAfterViewInit(){
    let isTypeIndigo = this.inputGroup.isTypeIndigo;
    }

    返却 boolean

  • get isTypeLine(): boolean
  • get isTypeSearch(): boolean

メソッド

  • ngDoCheck(): void