可以通过在组件中设置默认日期来解决此问题。在组件的构造函数中使用Angular DatePipe来格式化日期字符串,并将其传递给FormControl。例如:
import { Component, OnInit } from '@angular/core';
import { FormControl } from '@angular/forms';
import { DatePipe } from '@angular/common';
@Component({
selector: 'app-date-picker',
templateUrl: './date-picker.component.html',
styleUrls: ['./date-picker.component.scss']
})
export class DatePickerComponent implements OnInit {
date = new FormControl('');
constructor(private datePipe: DatePipe) {
this.date.setValue(this.datePipe.transform(new Date(), 'yyyy-MM-dd'));
}
ngOnInit(): void {
}
}
这将在组件加载时将当前日期作为默认日期设置为FormControl值。您还可以使用其他格式化字符串来更改日期的显示方式。此方法适用于Angular 11及更高版本。