如何在 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。
我有一个从日期输入中获取日期的 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。