Question

我正在使用Angular开发Ionic 4应用程序。下面是我的代码，我要在选择“日历”日期后绑定日期。绑定日期是什么事件？

 <ion-item>
   <ion-label>Select Month and Year</ion-label>
   <ion-datetime [(ngModel)]="selectedDate" (blur)="onChangeDate(selectedDate)" display-format="MMM YYYY" picker-format="MMM YYYY"></ion-datetime>
</ion-item>

onChangeDate(value)
  {
    this.selectedDate = value;
    console.log(this.selectedDate);
  }

Answer 1

尝试

<ion-item>
   <ion-label>Select Month and Year</ion-label>
   <ion-datetime [(ngModel)]="selectedDate" (ionChange)="onChangeDate(selectedDate)" display-format="MMM YYYY" picker-format="MMM YYYY"></ion-datetime>
</ion-item>

selectedDate:any; 
onChangeDate(value)
  {
    this.selectedDate = value;
    console.log(this.selectedDate);
  }

注意：选择日期时会触发ionChange事件。

Answer 2

<ion-item> <ion-label>Select Month and Year</ion-label> <ion-datetime [(ngModel)]="selectedDate" (ngModelChange)="onChangeDate(selectedDate)" display-format="MMM YYYY" picker-format="MMM YYYY"></ion-datetime> </ion-item>

ngModelChange函数应该可以解决您的问题

Answer 3

您应该使用 (ngModelChange) 而不是（模糊）

<ion-datetime [(ngModel)]="selectedDate" (ngModelChange)="onChangeDate(selectedDate)" display-format="MMM YYYY" picker-format="MMM YYYY"></ion-datetime>

什么是绑定日历中所选日期的Angular事件？

3 个答案: