ion-datetime не отображает начальную дату

Question

ion-datetime не отображает начальную дату

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>

Обновление

Если вы хотите установить значение ion-datetime с помощью элемента управления формы patchValue, используйте yyyy-mm-dd формат.

ngOnInit() {

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

См. Обновленный пример здесь .