Question

我想使用Angular Material Datepicker来查看我的网页日期。我使用此代码，但无法弄清楚如何正确访问所选值。

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

我在输入中尝试了[value]字段但是如何才能将日期发送到我的后端？感谢。

Answer 1

您可以使用ngModel访问datepicker值。 ngModel需要位于input标记中。请参阅Plunker demo。

Answer 2

如docs中所述，如果您愿意，可以使用2个事件(dateChange)和(dateInput)。 $event有3个道具，target是MatDatepickerInput，targetElement用于原生HTML元素，value是Date对象。

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

Answer 3

正如Nehal所说，你可以使用 [(ngModel)] 绑定;我也忘记了"name"属性：

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

角度2材料Datepicker值

3 个答案: