Question

我想将当前日期显示为默认值，如果我使用 formControlName 则不起作用，但我需要使用 formControlName。

这是我的 HTML 文件

  <ion-item>
    <ion-label color="primary"> Start date </ion-label>
    <ion-datetime [value]="startDate.toISOString()" formControlName="startDate" required></ion-datetime>
  </ion-item>
  <div id="startDateErrorMessage" *ngIf="newProjForm.controls['startDate'].invalid &(newProjForm.controls['startDate'].dirty || newProjForm.controls['startDate'].touched)">
    <span class="error ion-padding" *ngIf="newProjForm.controls['startDate'].errors.required"> Date is required </span>
  </div>

这是我的 TS 文件

import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { Component, OnInit } from '@angular/core';
import { AlertController } from '@ionic/angular';
@Component({
selector: 'app-new-project',
templateUrl: './new-project.page.html',
styleUrls: ['./new-project.page.scss'],
})
export class NewProjectPage implements OnInit {
newProjForm: FormGroup;
startDate: Date = new Date();
constructor(private formBuilder: FormBuilder, private alertCtrl: AlertController) { }
ngOnInit() {
this.newProjForm = this.formBuilder.group({
  startDate: ['' ,[Validators.required]]
}); 
}
}

当我编译项目时出现此错误

"错误错误：未捕获（承诺）：类型错误：无法读取未定义的属性“toISOString””

"TypeError: 无法读取未定义的属性 'toISOString'"

有人能指出我正确的方向吗？

Answer 1

要在表单构建器对象中设置初始值，请不要在 html 模板中使用 [value]。您可以将 '' 替换为字段的初始值，例如：

this.newProjForm = this.formBuilder.group({
  startDate: [(new Date()).toISOString(), [Validators.required]] –
});

离子日期时间错误：无法读取未定义的属性“toISOString”

1 个答案: