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

Question

I need to be able to edit the date of an object in an array. When I try to pass the selected object's date into the Material datepicker, it doesn't work. However, it works if you type in a date as a string. Please see my Stackblitz example .

Answer 1

You don't want to set an initial value of the form control. Instead, you want to set the value of the form control in the moment you hit the "edit" button.

Updated code:

datePickerControl = new FormControl();

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

See also the updated Stackblitz