如何使用变量在 Angular Material datepicker 上设置日期值？

【问题标题】：How do you set the date value on Angular Material datepicker with a variable?如何使用变量在 Angular Material datepicker 上设置日期值？
【发布时间】：2021-02-18 22:09:09
【问题描述】：

我需要能够编辑数组中对象的日期。当我尝试将所选对象的日期传递到 Material 日期选择器时，它不起作用。但是，如果您将日期输入为字符串，它会起作用。 Please see my Stackblitz example.

【问题讨论】：

标签： javascript angular typescript datepicker angular-material

【解决方案1】：

您不想设置表单控件的初始值。相反，您希望在点击“编辑”按钮的那一刻设置表单控件的值。

更新代码：

datePickerControl = new FormControl();

editDate(o: any) {
  this.selectedDate = o;
  this.datePickerControl.setValue(o.date1);
}

另请参阅updated Stackblitz

【讨论】：