Javascript Ionic DateTime:动态创建多个Ionic DateTime的按钮
我正在尝试为每个使用Javascript Ionic DateTime:动态创建多个Ionic DateTime的按钮,javascript,angular,typescript,datetime,ionic-framework,Javascript,Angular,Typescript,Datetime,Ionic Framework,我正在尝试为每个使用ngFor动态创建的ion-datetime使用ion按钮 <button ion-button icon-right (click)="picker.open()"> <ion-datetime #picker pickerFormat="DD MMM YYYY"(ionChange)="changeDate()"></ion-datetime> <ion-icon name="calendar"></ion-ico
ngFor
动态创建的ion-datetime
使用ion按钮
<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>
对于单个ion datetime,我可以使用#picker
并使用(单击)
从按钮打开它
动态创建的项目是如何处理的?我试着按照您所说的做,并且使用“选择器”成功了。
请参阅下面的代码
Html:
我想,这会产生你预期的结果
希望有帮助 ngFor
不存在于按钮标签中,而是存在于离子列表标签中,其中离子项有多个。这种情况下不行。为什么不在离子项目上使用*ngFor呢?或者你必须在离子列表上使用?哎呀。我的意思是我把它用在离子产品上。但不是那样的,就在那时。我再问你一件事。您是否在离子项目标签内使用按钮标签?例如:…?是的。这就是我正在做的。
<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>
export class HomePage {
items = [1,2,3,4,5];
constructor(public navCtrl: NavController) {
}
changeDate(ev){
console.log(ev);
}
}