angular - 如何在单击按钮时提取 Datepicker 的值？

Question

我有一个使用 angular-material 制作的日期选择器，它在 component.html 文件中的代码如下：

<mat-form-field class="example-full-width”&gt;
  <input matInput [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker #picker></mat-datepicker> 
</mat-form-field>
<button class="btn btn-outline-primary" (click)="picker.open()">Open</button>
<button class="btn btn-outline-success" (click)="submitDate($event)">Submit</button>

我试图在单击“提交”按钮时在输入字段中显示日期。component.ts 文件中的代码在这里：

date: string = “”;
formatDate(date) {
  var d = new Date(date),
  month = '' + (d.getMonth() + 1),
  day = '' + d.getDate(),
  year = d.getFullYear();

  if (month.length < 2) 
    month = '0' + month;
  if (day.length < 2) 
    day = '0' + day;

  return [month, day, year].join('-‘);
}
submitDate(event) {
    this.dataDate = this.formatDate(event);
    console.log(this.dataDate);
}

然而，我得到的唯一输出是文本“NaN-NaN-NaN”，我不明白我哪里出错了。如何提取日期选择器值？

标签： angularangular-material