Class IgxDateRangeStartComponent

Date range Picker の start 入力を定義します。

Igx Module

IgxDateRangePickerModule

Igx Theme

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

Igx Keywords

date, range, date range, date picker

Igx Group

スケジュール

備考

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

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

階層

Hierarchy

  • IgxDateRangeInputsBaseComponent
    • IgxDateRangeStartComponent

コンストラクター

プロパティ

defaultClass: boolean = true

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

デフォルトでクラスが適用されます。

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

}

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

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

備考

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

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

アクセサー

  • get hasBorder(): boolean
  • IgxInputGroupComponent に境界線があるかどうかを返します。

    @ViewChild("MyInputGroup")
    public inputGroup: IgxInputGroupComponent;
    ngAfterViewInit(){
    let inputBorder = this.inputGroup.hasBorder;
    }

    返却 boolean

  • get hasHints(): boolean
  • IgxInputGroupComponent にヒントがあるかどうかを返します。

    @ViewChild("MyInputGroup")
    public inputGroup: IgxInputGroupComponent;
    ngAfterViewInit(){
    let inputHints = this.inputGroup.hasHints;
    }

    返却 boolean

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

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

    返却 boolean

  • get isTypeBorder(): boolean
  • IgxInputGroupComponentの type が border の場合、true を返します。

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

    返却 boolean

  • get isTypeBox(): boolean
  • IgxInputGroupComponentの type が box の場合、true を返します。

    @ViewChild("MyInputGroup1")
    public inputGroup: IgxInputGroupComponent;
    ngAfterViewInit(){
    let isTypeBox = this.inputGroup.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
  • IgxInputGroupComponentの type が line の場合、true を返します。

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

    返却 boolean

  • get isTypeSearch(): boolean
  • IgxInputGroupComponentの type が search の場合、true を返します。

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

    返却 boolean

メソッド

  • 表示密度の値に基づいて --component-size CSS 変数を設定します。

    返却 "var(--ig-size, var(--ig-size-small))" | "var(--ig-size, var(--ig-size-medium))" | "var(--ig-size, var(--ig-size-large))"