angular-datepicker icon indicating copy to clipboard operation
angular-datepicker copied to clipboard

Doesn't work with Ionic

Open michalmikolajczyk opened this issue 10 years ago • 16 comments

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: https://github.com/alongubkin/angular-datepicker/issues/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 }}

michalmikolajczyk avatar Sep 08 '14 05:09 michalmikolajczyk

see : https://github.com/alongubkin/angular-datepicker/issues/17

tplaindoux avatar Sep 13 '14 14:09 tplaindoux

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

deliriousrhino avatar Sep 17 '14 01:09 deliriousrhino

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

bleuscyther avatar Sep 18 '14 17:09 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

bleuscyther avatar Sep 19 '14 04:09 bleuscyther

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 avatar Sep 23 '14 14:09 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 avatar Sep 23 '14 14:09 nokturnal

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

nokturnal avatar Sep 23 '14 15:09 nokturnal

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.

Petercopter avatar Oct 12 '14 21:10 Petercopter

Any updates on this?

chrisrodz avatar Nov 11 '14 20:11 chrisrodz

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

everflux avatar Nov 30 '14 21:11 everflux

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

NunoBentes avatar Dec 03 '14 11:12 NunoBentes

still not fixed?

railsjack avatar Jan 11 '15 04:01 railsjack

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

tamvm avatar Jan 20 '15 12:01 tamvm

Same here..

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

MaZZly avatar Jan 26 '15 16:01 MaZZly

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

cristianhoyos66-zz avatar Jul 10 '15 19:07 cristianhoyos66-zz

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>

wagnerlanger avatar Jan 18 '17 16:01 wagnerlanger