Angular4の日付ピッカーから値を取得する方法は？

Question

私はAngularを初めて使用しています。私は、下記の日付ピッカーのための私のコードで、Angular4材料の日付ピッカーを使用しています

<mat-form-field> 
    <input matInput [matDatepicker]="picker" placeholder="Choose a date"> 
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle> 
    <mat-datepicker #picker></mat-datepicker> 
</mat-form-field> 

私の質問は、私は私のComponentに日付ピッカーから日付を選択しています日付ピッカーの値を取得する方法ですか？

Answer 1

反応性のあるフォームを使用できます。まず、この

constructor( private fb: FormBuilder) {} 

同様formBuilderを設定今

public generateFormContorls() { 
    this.myForm = this.fb.group({ 
     due_date: [''] 
    }); 

今、あなたは今、この

<md-input-container> 
      <input mdInput [mdDatepicker]="dueDate" formControlName="due_date" (click)="dueDate.open()" 
       (focus)="dueDate.open()"> 
      <button mdSuffix [mdDatepickerToggle]="picker"></button> 
      </md-input-container> 
      <md-datepicker #dueDate></md-datepicker> 

のように単純にして値を取得します。= "" DUE_DATE」formControlNameを設定する必要がFormControlsを生成これを使用してください。

console.log(" value:",this.myForm.get("due_date").value);