Ignite UI for Angular

すべて
  • パブリック
  • パブリック/保護
  • すべて

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

コンストラクター

プロパティ

アクセサー

コンストラクター

constructor

プロパティ

dateTimeEditor

dateTimeEditor: IgxDateTimeEditorDirective

defaultClass

defaultClass: boolean = true

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

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

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

}

element

element: ElementRef<HTMLElement>

inputDirective

inputDirective: IgxInputDirective

suppressInputAutofocus

suppressInputAutofocus: boolean = false

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

備考

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

例

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

アクセサー

hasBorder

  • get hasBorder(): boolean

  • IgxInputGroupComponent に境界線があるかどうかを返します。

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

    返却 boolean

hasHints

  • get hasHints(): boolean

  • IgxInputGroupComponent にヒントがあるかどうかを返します。

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

    返却 boolean

isTypeBootstrap

  • get isTypeBootstrap(): boolean

  • IgxInputGroupComponentのテーマが Bootstrap の場合、true を返します。

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

    返却 boolean

isTypeBorder

  • get isTypeBorder(): boolean

  • IgxInputGroupComponentの type が border の場合、true を返します。

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

    返却 boolean

isTypeBox

  • get isTypeBox(): boolean

  • IgxInputGroupComponent の type が box の場合、true を返します。

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

    返却 boolean

isTypeFluent

  • get isTypeFluent(): boolean

  • IgxInputGroupComponentのテーマが Fluent の場合、true を返します。

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

    返却 boolean

isTypeIndigo

  • get isTypeIndigo(): boolean

  • IgxInputGroupComponentのテーマが Indigo の場合、true を返します。

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

    返却 boolean

isTypeLine

  • get isTypeLine(): boolean

  • IgxInputGroupComponent の type が line であるかどうかを返します。

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

    返却 boolean

isTypeSearch

  • get isTypeSearch(): boolean

  • IgxInputGroupComponent の type が search であるかどうかを返します。

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

    返却 boolean

resourceStrings

theme

  • get theme(): IgxTheme

  • 入力のテーマを返します。 戻り値は IgxInputGroupType 型です。

    @ViewChild("MyInputGroup")
    public inputGroup: IgxInputGroupComponent;
    ngAfterViewInit() {
     let inputTheme = this.inputGroup.theme;

    返却 IgxTheme

  • set theme(value): void

  • 入力のテーマを設定します。 IgxInputGroupTheme 型の有効な値です。

    @ViewChild("MyInputGroup")
    public inputGroup: IgxInputGroupComponent;
    ngAfterViewInit() {
     let inputTheme = 'fluent';

    パラメーター

    • value: IgxTheme

    返却 void

type