Question

ion-datetime不显示初始日期

home.html

> wget https://www.apachefriends.org/xampp-files/5.6.20/xampp-linux-x64-5.6.20-0-installer.run
> sudo su
> chmod +x xampp-linux-x64-5.6.20-0-installer.run
> ./xampp-linux-x64-5.6.20-0-installer.run

home.ts

<ion-datetime displayFormat="DD/MM/YYYY" min="2018" max="2100" formControlName="date_of_delivery" placeholder="Select date of delivary"
        class="dateBorder"></ion-datetime>

不显示我给定的值错误在哪里？

请先帮助和感谢！

Answer 1

使用ngModel进行数据绑定。

home.ts

export class HomePage {

      myForm: FormGroup;
      date;

      constructor() {

        this.myForm = new FormGroup({

          date_of_delivery: new FormControl('', [Validators.required])

        });
      }

      ngOnInit() {

         this.date = "2011-11-16";
    }
}

home.html

<form [formGroup]="myForm">

    <ion-datetime 
      displayFormat="DD/MM/YYYY" 
      formControlName="date_of_delivery" 
      placeholder="Select date of delivary" 
      [(ngModel)]="date"></ion-datetime>

</form>

更新

如果您要使用表单控件ion-datetime将值设置为patchValue，请使用yyyy-mm-dd格式。

ngOnInit() {

 this. generalDetailForm.controls['date_of_delivery'].patchValue("2011-11-16");
}

请参见更新后的示例here。

ion-datetime不显示初始日期

1 个答案: