web-dev-qa-db-ja.com

Angular 2 Material Datepicker Value

Angular Material Datepicker を使用して、ページに日付を入力します。このコードを使用しますが、選択した値に正しくアクセスする方法がわかりません。

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

[value]フィールドを入力しますが、バックエンドに送信する日付を取得するにはどうすればよいですか？ありがとう。

angulardatepickerangular-material2
9
hawxs

ngModelを使用して、datepicker値にアクセスできます。 ngModelはinputタグ内にある必要があります。 Plunker demo を参照してください。

9
Nehal

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 
>
4
bresleveloper

Nehalが言ったように、[(ngModel)]バインディングを使用できます。 "name"属性も忘れました：

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