second ion-datetime dosent trigger (ionChange)

Viewed 32

hope u guys are fine so far. I´ve got following problem. i´ve got two sperated "ion-datetime" elements inside of an "accordion" element, once with "presentation=date" and the other one with "presentation=time", For the first "ion-datetime" element the "(ionChange)" event is triggering after clicking "Cancel" or "Done" button, but for the second "ion-datetime" the "(ionChange)" event is not triggering after button click. Unfortunately, my research was unsuccessful. Hope someone can help me.

    <ion-accordion-group>
  <ion-accordion value="datePicker" style="width: 370px">
    <ion-datetime
      class="ion-no-padding"
      style="width: 370px"
      slot="content"
      size="cover"
      presentation="date"
      [(ngModel)]="taskDate"
      (ionChange)="setTaskDate(taskDate)"
    >
      <ion-buttons slot="buttons">
        <ion-button (click)="cancelDate()">Cancel</ion-button>
        <ion-button (click)="confirmDate(taskDate)">Done</ion-button>
      </ion-buttons>
    </ion-datetime>
  </ion-accordion>

  <ion-accordion value="timePicker" style="width: 370px">
    <ion-datetime
      class="ion-no-padding"
      style="width: 370px"
      slot="content"
      size="cover"
      presentation="time"
      [(ngModel)]="taskTime"
      (ionChange)="setTaskTime(taskTime)"
    >
      <ion-buttons slot="buttons">
        <ion-button (click)="cancelTime()">Cancel</ion-button>
        <ion-button (click)="confirmTime(taskTime)">Done</ion-button>
      </ion-buttons>
    </ion-datetime>
  </ion-accordion>
</ion-accordion-group>
0 Answers
Related