角度材料Datepicker：日付を選択するとイベントが発生しないように変更

Question

角度と角度の材料のDatepickerを使用しています。すべてがうまく機能していますが、ユーザーが手動で日付を入力するときにのみ機能する(change)イベントを追加しました。ユーザーがdatepickerポップアップから日付をクリックしたときにトリガされることはありません。明らかにするには、dateの値は、ユーザーが日付をクリックしたときに実際に変更されます。ちょうど(change)イベントです。最終的に何かの理由で私のupdateCalcs()がトリガーされません。ユーザーがdatepickerから日付をクリックすると、どのようにイベントをトリガーできますか？

<md-input-container> 
    <input mdInput [mdDatepicker]="datePicker" placeholder="Choose Date" name="date" [(ngModel)]="date" (change)="updateCalcs()" required> 
    <button mdSuffix [mdDatepickerToggle]="datePicker"></button> 
</md-input-container> 
<md-datepicker #datePicker></md-datepicker> 

Answer 1

md-datepickerの中にselectedChangedを使用してください。

<md-datepicker #datePicker (selectedChanged)="updateCalcs($event)"></md-datepicker>

$eventあなたupdateCalcs()機能で使用できる新しい値を出力します。

updateCalcs(event){ 
    console.log(event); 
} 

Similar demo

Answer 2

（ngModelChange）と（変化）を交換

<input mdInput [mdDatepicker]="datePicker" placeholder="Choose Date" name="date" [(ngModel)]="date" (ngModelChange)="updateCalcs()" required>