角2素材日付ピッカー値

Angular Material Datepicker私のページに日付を取得するには使用します。私はこのコードを使用しますが、選択した値に正しくアクセスする方法を理解することはできません。角2素材日付ピッカー値

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

Iは入力で[value]フィールドを試みたが、どのように私は私のバックエンドに送信する日付を得ることができますか？ありがとう

出典

2017-06-04 hawxs

'input'プット：' ngModel'あなたはテンプレートのフォームまたはモデル駆動のための 'formControl' /' formControlName'を使用している場合..私は正しくユーザー分のフィールドをすることができます – developer033

はなく、値フィールド。 ngModelを追加しても役に立たない – hawxs

'ngModel'を置くと、componentのfieldの値を見ることができます。 – developer033

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

出典

2017-06-04 21:50:28 Nehal

デモをありがとうございました。私は前にそれを試してみましたが、私はそれを実現しました。私は 'date'という名前の別の入力フィールドを持っていました。 – hawxs

助けてくれてありがとうございました:) – Nehal

感謝 - 私は入力に "name" <入力名= "dob" ..>ヘルプ –

Nehalが述べたように、[(ngModel)]バインディングを使用できます。 docsに述べたように、あなたが好む場合に使用することができます2つのイベント(dateChange)と(dateInput)がある

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

出典

2017-09-11 23:37:00 manatico

：私も"name" atributeを忘れてしまいました。 $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 
>

出典

2017-11-02 19:58:17 bresleveloper

答えて

関連する問題