javascript - Ionic DateTime: Knapp för flera ion-datetime skapade dynamiskt

Jag försöker använda en ion-button för varje ion-datetime som skapas dynamiskt med hjälp av ngFor.

<button ion-button icon-right (click)="picker.open()">
 <ion-datetime #picker pickerFormat="DD MMM YYYY"(ionChange)="changeDate()"></ion-datetime>
 <ion-icon name="calendar"></ion-icon>
</button>

För en enskild ion-datetime kan jag använda #picker och öppna den från knappen med (click).

Hur hanteras detta för dynamiskt skapade objekt?

Svar #1

Jag försökte göra som du sa, och det fungerade, med hjälp av "#picker". Se koden nedan.

Html :

<ion-list>
  <button ion-button icon-right *ngFor="let item of items" 
    (click)="picker.open()">
    <ion-datetime #picker pickerFormat="DD MMM YYYY" 
      (ionChange)="changeDate($event)"></ion-datetime>
    <ion-icon name="calendar"></ion-icon>
  </button>
</ion-list>

Ts :

export class HomePage {

  items = [1,2,3,4,5];

  constructor(public navCtrl: NavController) {

  }

  changeDate(ev){
    console.log(ev);
  }

}

Jag antar att det kommer att ge ditt förväntade resultat.

Hoppas det hjälper!