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

Question

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

表单控件：

dob: new FormControl(new Date()),

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

模板：

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

但是，当我使用 patchValue 来填充日期（从以前的持久对象）时，它无法工作/显示在日期输入标签的文本中（在网页中）。我错过了什么？

Answer 1

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

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

工作演示StackBlitz。