如何從Angular4中的日期選擇器獲取值？

我是Angular的新手。我使用Angular4材料日期選擇器，下面是我的日期選擇器代碼如何從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選擇從日期選取器日期日期選取器的價值？

來源

2017-10-10 Abhijit Chakra

simp在輸入文件中使用'[（ngModel）] =「someVariable」' – jitender

請不要在此添加投票建議。如果人們希望上/下/關閉投票，那取決於他們。如果必須的話，請在評論中進行對話（即使那時我認爲沒有太多意義 - 下決心不會停下來等待您的評論）。 – halfer

我不需要任何建議你的任何與代碼無關的東西。我只是傳達了我的消息，而不是從編輯中獲取點寫代碼 –

您可以使用反應形式。首先建立formBuilder喜歡這個

constructor( private fb: FormBuilder) {}

現在產生FormControls

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

現在你需要設置formControlName = 「」 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>

通過簡單地現在得到的值使用這個。

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

來源

2017-10-10 07:08:05

如何從Angular4中的日期選擇器獲取值？

回答

相關問題