如何在输入中反映 Angular 8 中表单的初始值?
How to reflect initial value of a Form in Angular 8 in an input?
我在我的 Angular 网站上的 this link 之后插入了一个 Datepicker
,如下所示:
<mat-form-field class="w-100 form-control" color="secondary">
<input matInput [matDatepicker]="pickerStart" name="startDate"
[formControl]="f.startDate"
(click)="pickerStart.open()">
<fa-icon [icon]="faCalendar" size="lg" (click)="pickerStart.open()"
class="mat-datepicker-toggle"></fa-icon>
<mat-datepicker #pickerStart></mat-datepicker>
</mat-form-field>
<mat-error *ngIf="f.startDate.hasError('required')">Start date is required.</mat-error>
ts
代码:
ngOnInit() {
this.form = this.formBuilder.group({
startDate: [ moment().subtract(1, 'months').format('DD/MM/YYYY'), [Validators.required]]
});
}
get f() { return this.form.controls; }
但是我在 Datepicker
上的初始值没有初始化。
为什么没有显示?我知道该值已正确设置,因为它正在 typescript 的另一个地方使用并且正在设置。但不显示。有帮助吗?
编辑: 我在 Whosebug 上关注 this 答案,但运气不好...
请访问 DatePicker on Angular material 了解更多信息,但这对我有用
尝试使用 startDate: [ moment().subtract(1, 'months').toISOString(), [Validators.required]]
我在我的 Angular 网站上的 this link 之后插入了一个 Datepicker
,如下所示:
<mat-form-field class="w-100 form-control" color="secondary">
<input matInput [matDatepicker]="pickerStart" name="startDate"
[formControl]="f.startDate"
(click)="pickerStart.open()">
<fa-icon [icon]="faCalendar" size="lg" (click)="pickerStart.open()"
class="mat-datepicker-toggle"></fa-icon>
<mat-datepicker #pickerStart></mat-datepicker>
</mat-form-field>
<mat-error *ngIf="f.startDate.hasError('required')">Start date is required.</mat-error>
ts
代码:
ngOnInit() {
this.form = this.formBuilder.group({
startDate: [ moment().subtract(1, 'months').format('DD/MM/YYYY'), [Validators.required]]
});
}
get f() { return this.form.controls; }
但是我在 Datepicker
上的初始值没有初始化。
为什么没有显示?我知道该值已正确设置,因为它正在 typescript 的另一个地方使用并且正在设置。但不显示。有帮助吗?
编辑: 我在 Whosebug 上关注 this 答案,但运气不好...
请访问 DatePicker on Angular material 了解更多信息,但这对我有用
尝试使用 startDate: [ moment().subtract(1, 'months').toISOString(), [Validators.required]]