要在Angular响应式表单中设置日期值,可以使用FormControl的setValue方法。以下是一个示例代码:
在组件中,首先要导入必要的模块和类:
import { Component, OnInit } from '@angular/core';
import { FormControl, FormGroup } from '@angular/forms';
然后在组件类中创建一个FormGroup,并在其中创建一个FormControl以保存日期的值:
export class MyComponent implements OnInit {
myForm: FormGroup;
ngOnInit() {
this.myForm = new FormGroup({
myDate: new FormControl()
});
}
}
接下来,在模板中使用FormControl绑定日期输入字段,并设置初始值:
要设置日期的值,可以在组件类中使用FormControl的setValue方法:
this.myForm.get('myDate').setValue('2021-01-01');
或者,可以在模板中使用插值表达式将FormControl的值绑定到日期输入字段:
这样,当FormControl的值变更时,日期输入字段也会自动更新。
希望以上代码示例能够解决您的问题。