ion-datetime 不显示初始日期

Question

home.html

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

home.ts

ngOnInit() {
 this.generalDetailForm.controls['date_of_delivery'].patchValue("16/11/2011")
}

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

请提前帮助和感谢！

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>

Update

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

ngOnInit() {

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

查看更新后的示例 here。

ion-datetime 不显示初始日期

ion-datetime does not display initial date

datetime

ionic2

ionic3

angular