如何在 Angular 反应形式中填充日期输入?

How to populate date input in Angular reactive forms?

我有一个从日期输入中获取日期的 FormGroup。

表单控件:

dob: new FormControl(new Date()),

正在分配 new Date() 以获取默认日期,以防未选择日期。

模板:

<input type="date" formControlName="dob">

但是,当我使用 patchValue 来填充日期(来自以前持久化的对象)时,它不是 workning/showing 在日期输入标签的文本中(在网页中)。我错过了什么?

您应该在补丁或初始化之前使用 formatDate 函数形式 @angular/common 命名空间格式化日期。

例如:dob: new FormControl(formatDate(new Date(), "yyyy-MM-dd", "en"))

工作演示StackBlitz