Doesn't work with Ionic

[michalmikolajczyk]

I tried using the plugin with Ionic, it doesn't work.

When I add an input to a modal, it doesn't open at all. When I add it to a normal view, the plugin opens, but nothing happens when I click on a date.

I read this: #1

and I built the project with grunt picker, as the build didn't include the changes. Still doesn't work.
I then included the src files instead of the build file, but that didn't help either.

I only use

<input type="text" pick-a-date="date" placeholder="Select Date" /> {{ date }}

[tplaindoux]

see : #17

[deliriousrhino]

I am having the same issue. I have include the css as per #17.
But when I click the date the date picker opens but does not react when anything is clicked. No errors are thrown

[bleuscyther]

verify that all inputs are "closed" :
"/>" instead of just ">"

[bleuscyther]

I tworks on ripple (ripple emulate) but not in Ionic serve.

Also i seem to work on the app but the select dropdown is not.

I can tell that it was not working at all 2 weeks ago but now if you are not using the select dropdown it works.

Since i am using it to enter birthdays its painful. Anyways so far this is the best attempt using pickadate.js.

Good job! I hope it gets fixed and id part of IonicsFramework

[nokturnal]

I have noticed a similar issue. On the desktop (used for quick debugging) click's do not seem to work when using inside an Ionic app, but when deployed to a device, everything works as expected.

[nokturnal]

... in addition on the desktop (inside an Ionic app) and on a deployed app (Android) an error is being tossed: TypeError: c.substr is not a function on line 12

[nokturnal]

... after using the source, the error is on line 602 of picker.date.js. TypeError: value.substr is not a function

[Petercopter]

Same problem here, Ionic + angular-datepicker. Just to be clear, it's the same issue on pickadate AND angular-datepicker, so it's not specific to this port. Guess I should check the pickadate issues and see if anything has been filed.

[chrisrodz]

Any updates on this?

[everflux]

I can confirm that the modal opens in ionic serve, but it is not possible to close it.

[NunoBentes]

I guys... I´m experiencing exactly this issue! The Datepicker it´s not working ONLY on the Ionic Modal!!! :(
Any ideas?

[railsjack]

still not fixed?

[tamvm]

I faced same problem, the small date picker popover is opened but I can't select to pick the date.

[MaZZly]

Same here..

Probably some problem with the z-index or positioning of the modal..

[cristianhoyos66-zz]

I was doing with this plugin but I had the same problem so I used this: https://github.com/amsul/pickadate.js and solved all problems

[wagnerlanger]

I fixed with data-tap-disabled="true"
like this:

<ion-list data-tap-disabled="true">
            <input type="text" pick-a-date="date" placeholder="Select Date"   />
            <input type="text" pick-a-time="time" placeholder="Select Time" />
</ion-list>