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

Question

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

Answer 1

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

更新代码：

datePickerControl = new FormControl();

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

另请参阅更新的 Stackblitz