时间戳

首页 > 解决方案 > ion-datetime 不显示初始日期

angular - ion-datetime 不显示初始日期

问题描述

ion-datetime 不显示初始日期

主页.html

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

主页.ts

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

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

请提前帮助和感谢！

标签： angulardatetimeionic2ionic3

解决方案

用于ngModel数据绑定。

主页.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";
    }
}

主页.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");
}

请参阅此处更新的示例。

推荐阅读