Mat-datepicker值没有传递给函数

Question

我正在尝试将mat-datepicker（angular material）中的值传递给函数，以便我可以将它附加到dateArray。例如，如果用户在datepicker上选择1月31日，则应将此值传递给我的addDate函数，然后将该值推送到数组。我尝试过使用date.value，但angular并不接受它。我也尝试过使用date.stringify（），但没有运气。有没有其他方法将它传递给函数？非常感谢任何帮助！

非常感谢

//html component
<mat-form-field>
        <input matInput name='date' #Date id='Date' #Date [matDatepicker]="Date"
               ngModel='Date' placeholder='When  do you have this subject?' required>
        <mat-datepicker-toggle matSuffix [for]="Date"></mat-datepicker-toggle>
        <mat-datepicker touchUi="true" #Date></mat-datepicker>
        <mat-datepicker #Date></mat-datepicker>
      </mat-form-field>

<button mat-button type='button' (click)='addDate(Date.value)'>Add date</button>

// component.ts

addDate(Date) {
this.dateArray.push(Date)
}