Angular 2 Material日期選擇器值

我想使用Angular Material Datepicker來獲取我的頁面的日期。我使用此代碼，但無法弄清楚如何正確訪問選定的值。Angular 2 Material日期選擇器值

<md-input-container> 
    <input mdInput [mdDatepicker]="myDatepicker"> 
    <button`enter code here` mdSuffix [mdDatepickerToggle]="myDatepicker"></button> 
</md-input-container> 
<md-datepicker #myDatepicker></md-datepicker>

我試着輸入[value]場，但我怎麼能得到的日期將其發送給我的後臺？謝謝

來源

2017-06-04 hawxs

放在'input'：'ngModel'如果你使用模板的形式或'formControl' /'formControlName'用於驅動模型.. – developer033

我能夠正確用戶分領域，而不是價值領域。添加ngModel沒有幫助 – hawxs

放入'ngModel'可以看到組件中字段的值。 – developer033

您可以通過使用ngModel訪問datepicker值。 ngModel需要位於input標籤中。參見Plunker demo。

來源

2017-06-04 21:50:28 Nehal

非常感謝您的演示。我曾嘗試過，但只有那麼我realiased我有另一個輸入字段的名稱'日期' – hawxs

很高興它幫助:) – Nehal

謝謝 - 我有它的權利，除了我沒有輸入「名稱」屬性。幫助 –

正如Nehal所說，你可以使用[(ngModel)]綁定;我也忘了"name"屬性附加傷害：

<md-form-field> 
    <input mdInput [(ngModel)]="myDateValue" name="myDate" 
     [mdDatepicker]="picker" placeholder="Select a date">

來源

2017-09-11 23:37:00 manatico

如docs表示有2個事件(dateChange)和(dateInput)，如果你喜歡，可以使用。 $event有3個道具，target是原生HTML元素的MatDatepickerInput,targetElement，以及，它是Date對象。

<input matInput [matDatepicker]="pickerFrom" placeholder="From" 
     (dateChange)="changeFunc($event)"  <<---- you can send $event 
     (dateChange)="dateInput($event.value)" <<---- or just $event.value 
>

來源

2017-11-02 19:58:17 bresleveloper

Angular 2 Material日期選擇器值

回答

相關問題