iOS button not working; bug?


#1

Hi,
I’ve made an app which is loading JSON data on start. It has two pages: home.page and detail.page.
On the home.page the data is displayed in an ion-list where every entry has a button to open the detail.page. On the detail.page is the day of birth displayed.
The day of birth has this value:

dob : "1962-07-01 16:57:49"

When I format the date like this in my detail.page.html, the buttons on my first page do not work!

<ion-card-header>Person</ion-card-header>
    <ion-card-content>
      <ion-item>
        <p>Day of Birth: {{user.dob | date: 'dd.MM.yyyy'}}</p>
      </ion-item>
    </ion-card-content>
</ion-card>

I have this error on iOS (emulator and device) only. It works in the browser and on android (simulator and device).

When I print the dob unformatted it is also working on iOS.

<ion-card-header>Person</ion-card-header>
    <ion-card-content>
      <ion-item>
        <p>Day of Birth: {{user.dob}}</p>
      </ion-item>
    </ion-card-content>
</ion-card>

Is this a bug or do I something wrong?


[SOLVED] Buttons on Modal Pages won't click on iOS Devices
#2

I have the same issue,

can you please tell us how did you solve it?


#3

I do absolutely everything I can to avoid using anything but ISO8601 strings for dates. JavaScript’s date handling is downright bletcherous. I would also avoid the built-in date pipe in favor of something hand-rolled using date-fns.