ion number picker

ion number picker

A well designed number picker/spinner for Angular!

$9.00

Not yet rated
Ophir Stern

Ophir Stern

Member since 2015

Details

Version:
1.2.0
Size:
0mb
Ionic:
1.0.1
Platforms:
iOS, Android
Released:
8 years ago
Updated:
8 years ago
Category:
Plugins
Tags:
ionic, plugin, directive, spinner, number picker

ionic number picker (spinner) plugin for android and iOS, developed as an angular directive.

Features Include:

  • Works with iOS and Android.

  • Compatible and easy to use with your existing app DOM code and elements with an addition of a few attributes to activate directive.

  • Very easy to use.

  • Check out https://github.com/souly1/ion-number-picker for details use and info

** This component is part of the ion-picker package (ion-number-picker, ion-time-picker, ion-select-picker)

** includes a detailed read for use, minimized js file and minimized css

Hey there! You'll need to log in before you can leave a comment here.

Manoj

Manoj   ·   8 years ago

Looks very nice plugin. Do you have Ionic View ID for this plugin so that we can try it before buying? Please also share your email ID so that we can discuss some additional work.

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Manoj, sorry for the late reply. I'm not familiar with the ionic view ID, I'll look into it. Regarding the email, I can be reached at stern.ophir@gmail.com thanks

sampath kumar ch

sampath kumar ch   ·   8 years ago

hi Ophir Stern, i am facing some problem in scroll event, when ever i am scrolling content its coming to the top again.

Ophir Stern

Ophir Stern   ·   8 years ago

Hi kumar, I've issued a new version of the control which addresses several issues, please try it and contact me if issue persists. Thanks

Alexy Fondeville

Alexy Fondeville   ·   8 years ago

Hi Ophir, Can you share the Ionic View ID please ? Need this plugin but for 9$ I prefer see if it work good ^^

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Alexy, I'll look into Ionic view and some back to you about that. Thanks

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Alexy, sorry, but after checking out Ionic view I found it is very hard to protect the source files via ionic view, so I will not be uploading them. You're invited to decide based on animated Gifs above. Thanks

Navarino

Navarino   ·   8 years ago

Hi Ophir, I bought the plugin but I cant make it work... I get an error ionNumberPicker.min.js:4 Uncaught ReferenceError: Velocity is not definedand everything freezes... (please help?)

Navarino

Navarino   ·   8 years ago

even though I removed the jquery from the index reference it still freezes up everything...

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Navarino, sorry for the issue, I'll take look right away as to what broke, I'll update you the moment issue identifies and solves

Navarino

Navarino   ·   8 years ago

Thnakyou very much!

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Navarino, OK, two issues were solved here: 1. When updated version to support Angular as well as Ionic there became an issue when using Angular with JQuery. 2. Angular 1.5 (which is used in newer Ionic version) caused several things to break. Both issues were solved, and you can now download the new version. Again, sorry for the inconvenience

Navarino

Navarino   ·   8 years ago

Thank you Ophir, I will look into it.

Navarino

Navarino   ·   8 years ago

Hi Ophir, it seems to work ( I can see the scrollers) but the speed is very very very slow.... When I try to pen my sidemenu i have to wait like 10-15 secs... and everything seems to be blocked...

Navarino

Navarino   ·   8 years ago

I have removed the JQuery

Ophir Stern

Ophir Stern   ·   8 years ago

Navarino, not sure as to what you mean to 'try to pen your side menu' - regarding the performance and blocking it sounds like something else is in play as this issue never rose, could you perhaps contact me directly via email, send me a short video/link to vide showing the symptoms and we'll take it from there? Thanks souly01@gmail.com

Ophir Stern

Ophir Stern   ·   8 years ago

Also, What scrollers do you mean as they are non in the control? Thanks

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Navarino, no word from you yet. Am I to assume your issue was solved? Awaiting to hear from you, Thanks

Navarino

Navarino   ·   8 years ago

Hi Ophir! Very sorry for not answering sooner! I am out of town and didnt have the time to look into it. I will contact you as soon as I am back. What I wanted to say is : Running the ionic app on ios (latest ver) When I am opening the sidebar (menu) there is a signif. delay. Same when i try to navigate through the pages.... It seems like some background function is running in an infinite loop. When I rmove the scripts everything goes back to normal. Thank you so much Ophir for your time!!!!! :)

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Navarino, I'm here to offer the best solution possible, so no problem. there was an issue with newest iOS version which was fixed in version 1.2.2 of the ion-number-picker. Please update to the newest version and update here if your issue still happens. Thanks

Ophir Stern

Ophir Stern   ·   8 years ago

Hi @Navarino , has the issue been solved for you?

Navarino

Navarino   ·   8 years ago

Hi! Seems to be working now... Thnx!!!

Ophir Stern

Ophir Stern   ·   8 years ago

Glad to hear all issues were solved. Enjoy!

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Oleksandr Poltavets

Oleksandr Poltavets   ·   8 years ago

Hi, we are about to buy this component, but we need double rolling components in one modal so we could use it for time like "10" hours "34" minutes. Does your component allows to insert it to own modal form in order to have 2 rollers at once ? Thanks.

Ophir Stern

Ophir Stern   ·   8 years ago

Given i can't edit posts and move it to here, see my reply above...

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Oleksandr, nice to e-meet. did you check out the ion time picker? if you need a time (00:00-23:59 or 12:00 AM to 11:59PM) it sounds like in fits your requirements. if you need an hour+minutes picker, say for a timer of 30 hours and 80 minutes, sadly I think none of these components will do what you want. Hope this helps. Thanks

Oleksandr Poltavets

Oleksandr Poltavets   ·   8 years ago

Hi Ophir, we need exactly timer for hours, what about your component, can we put it to any place on screen like not in modal form but for example inside <div> element near input or smthng. Thanks

Oleksandr Poltavets

Oleksandr Poltavets   ·   8 years ago

also can we set min/max limitation and is it works with string format ?

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Oleksandr, sadly the component does not do what you want, it cannot show hours with minute, nor be place on screen on another component, it can just be used as a keyboard. the number picker does have min/max values. Sorry

Oleksandr Poltavets

Oleksandr Poltavets   ·   8 years ago

Thanks for reply, Ophir! We'll probably develop or own component for this needs.

Ophir Stern

Ophir Stern   ·   8 years ago

Cool, thanks for finding interest in the product. Good luck!

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Oleksandr Poltavets

Oleksandr Poltavets   ·   8 years ago

Hi Ophir, we need exactly timer for hours, so this will not feet our needs, and what about your component, can we put it to any place on screen like not in modal form but for example inside <div> element near input or smthng? Also can we set min/max limitation and is it works with string format ? Thanks.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Alexy Fondeville

Alexy Fondeville   ·   8 years ago

Hello, It's possible to set this already open in popup ? I buy this but I don"t manage to do what I want with this.. Can you help me plz ? Thx

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Alexy, how are you? to make sure I understand, you want the drawer to programatically open instead of issuing a click event on the DOM element?

Alexy Fondeville

Alexy Fondeville   ·   8 years ago

Thx for answer, I'm good thx ! I would like to know if it's possible to have the "imp-container" directly in my custom div element and already open. I don't want to click on "input.text" to open the NumberPicker. If you have an email to help me that can be cool :) Thx a lot !

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Alexy, the component is currently in drawer only, you can however open it programatically without click, as briefly explained in the documentation: bind the 'control' property of the directive to an element in your scope/viewmodel, for example: create on scope and element called pickerConroller: `scope.pickerController = {} ` and set in html `control=pickerController`. After the directive is initialized this element will have four methods you can call programatically: openDrawer, closeDrawer, getCurrentSelection, isDrawerOpen. Use the method openDrawer to open it: 'scope.pickerController.openDrawer();' Hope this is understandable and helps, For further help and info contact me at: souly01@gmail.com Thanks

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Witchayut Ket-Udom

Witchayut Ket-Udom   ·   6 years ago

Hi, It's possible to reverse the number direction? For example, 99 is the 1st item of the list and 1 is the last item of the list. I mean order by desc instead of asc for the value. I already buy this and don't know how to config like this.. Could you please help me? Thx

Ophir Stern

Ophir Stern   ·   6 years ago

Hi Witchayut, thanks for purchasing the plugin. The plugin currently does not support such a feature, if I will have time I'll try to get to it, but it does not seem possible in the close future, sorry.

Witchayut Ket-Udom

Witchayut Ket-Udom   ·   6 years ago

Thanks

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

José Nelson Cultri

José Nelson Cultri   ·   6 years ago

Hello Ophir! I'm very interested in this plugin, it'll be very helpful to me! However I'm afraid that this couldn't work on my Ionic app, because I'm using Ionic 3.19. Does it have any problem? Can I normally use ion-number-picker in Ionic 3.19?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

José Nelson Cultri

José Nelson Cultri   ·   6 years ago

Hello Ophir! I'm very interested in this plugin, it'll be very helpful to me! However I'm afraid that this couldn't work on my Ionic app, because I'm using Ionic 3.19. Does it have any problem? Can I normally use ion-number-picker in Ionic 3.19?

Ophir Stern

Ophir Stern   ·   6 years ago

Hi Jose, sorry but this works only for Ionic 1.x & Angular 1.x...

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

José Nelson Cultri

José Nelson Cultri   ·   6 years ago

Hello Ophir! I'm very interested in this plugin, it'll be very helpful to me! However I'm afraid that this couldn't work on my Ionic app, because I'm using Ionic 3.19. Does it have any problem? Can I normally use ion-number-picker in Ionic 3.19?

Ophir Stern

Ophir Stern   ·   6 years ago

Hi Jose, sorry but this works only for Ionic 1.x & Angular 1.x...

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

José Nelson Cultri

José Nelson Cultri   ·   6 years ago

Hello Ophir! I'm very interested in this plugin, it'll be very helpful to me! However I'm afraid that this couldn't work on my Ionic app, because I'm using Ionic 3.19. Does it have any problem? Can I normally use ion-number-picker in Ionic 3.19?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Witchayut Ket-Udom

Witchayut Ket-Udom   ·   6 years ago

Hi, It's possible to reverse the number direction? For example, 99 is the 1st item of the list and 1 is the last item of the list. I mean order by desc instead of asc for the value. I already buy this and don't know how to config like this.. Could you please help me? Thx

Ophir Stern

Ophir Stern   ·   6 years ago

Hi Witchayut, thanks for purchasing the plugin. The plugin currently does not support such a feature, if I will have time I'll try to get to it, but it does not seem possible in the close future, sorry.

Witchayut Ket-Udom

Witchayut Ket-Udom   ·   6 years ago

Thanks

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Alexy Fondeville

Alexy Fondeville   ·   8 years ago

Hello, It's possible to set this already open in popup ? I buy this but I don"t manage to do what I want with this.. Can you help me plz ? Thx

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Alexy, how are you? to make sure I understand, you want the drawer to programatically open instead of issuing a click event on the DOM element?

Alexy Fondeville

Alexy Fondeville   ·   8 years ago

Thx for answer, I'm good thx ! I would like to know if it's possible to have the "imp-container" directly in my custom div element and already open. I don't want to click on "input.text" to open the NumberPicker. If you have an email to help me that can be cool :) Thx a lot !

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Alexy, the component is currently in drawer only, you can however open it programatically without click, as briefly explained in the documentation: bind the 'control' property of the directive to an element in your scope/viewmodel, for example: create on scope and element called pickerConroller: `scope.pickerController = {} ` and set in html `control=pickerController`. After the directive is initialized this element will have four methods you can call programatically: openDrawer, closeDrawer, getCurrentSelection, isDrawerOpen. Use the method openDrawer to open it: 'scope.pickerController.openDrawer();' Hope this is understandable and helps, For further help and info contact me at: souly01@gmail.com Thanks

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Oleksandr Poltavets

Oleksandr Poltavets   ·   8 years ago

Hi Ophir, we need exactly timer for hours, so this will not feet our needs, and what about your component, can we put it to any place on screen like not in modal form but for example inside <div> element near input or smthng? Also can we set min/max limitation and is it works with string format ? Thanks.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Oleksandr, nice to e-meet. did you check out the ion time picker? if you need a time (00:00-23:59 or 12:00 AM to 11:59PM) it sounds like in fits your requirements. if you need an hour+minutes picker, say for a timer of 30 hours and 80 minutes, sadly I think none of these components will do what you want. Hope this helps. Thanks

Oleksandr Poltavets

Oleksandr Poltavets   ·   8 years ago

Hi Ophir, we need exactly timer for hours, what about your component, can we put it to any place on screen like not in modal form but for example inside <div> element near input or smthng. Thanks

Oleksandr Poltavets

Oleksandr Poltavets   ·   8 years ago

also can we set min/max limitation and is it works with string format ?

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Oleksandr, sadly the component does not do what you want, it cannot show hours with minute, nor be place on screen on another component, it can just be used as a keyboard. the number picker does have min/max values. Sorry

Oleksandr Poltavets

Oleksandr Poltavets   ·   8 years ago

Thanks for reply, Ophir! We'll probably develop or own component for this needs.

Ophir Stern

Ophir Stern   ·   8 years ago

Cool, thanks for finding interest in the product. Good luck!

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Oleksandr Poltavets

Oleksandr Poltavets   ·   8 years ago

Hi, we are about to buy this component, but we need double rolling components in one modal so we could use it for time like "10" hours "34" minutes. Does your component allows to insert it to own modal form in order to have 2 rollers at once ? Thanks.

Ophir Stern

Ophir Stern   ·   8 years ago

Given i can't edit posts and move it to here, see my reply above...

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Navarino, no word from you yet. Am I to assume your issue was solved? Awaiting to hear from you, Thanks

Navarino

Navarino   ·   8 years ago

Hi Ophir! Very sorry for not answering sooner! I am out of town and didnt have the time to look into it. I will contact you as soon as I am back. What I wanted to say is : Running the ionic app on ios (latest ver) When I am opening the sidebar (menu) there is a signif. delay. Same when i try to navigate through the pages.... It seems like some background function is running in an infinite loop. When I rmove the scripts everything goes back to normal. Thank you so much Ophir for your time!!!!! :)

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Navarino, I'm here to offer the best solution possible, so no problem. there was an issue with newest iOS version which was fixed in version 1.2.2 of the ion-number-picker. Please update to the newest version and update here if your issue still happens. Thanks

Ophir Stern

Ophir Stern   ·   8 years ago

Hi @Navarino , has the issue been solved for you?

Navarino

Navarino   ·   8 years ago

Hi! Seems to be working now... Thnx!!!

Ophir Stern

Ophir Stern   ·   8 years ago

Glad to hear all issues were solved. Enjoy!

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Ophir Stern

Ophir Stern   ·   8 years ago

Also, What scrollers do you mean as they are non in the control? Thanks

Ophir Stern

Ophir Stern   ·   8 years ago

Navarino, not sure as to what you mean to 'try to pen your side menu' - regarding the performance and blocking it sounds like something else is in play as this issue never rose, could you perhaps contact me directly via email, send me a short video/link to vide showing the symptoms and we'll take it from there? Thanks souly01@gmail.com

Navarino

Navarino   ·   8 years ago

I have removed the JQuery

Navarino

Navarino   ·   8 years ago

Hi Ophir, it seems to work ( I can see the scrollers) but the speed is very very very slow.... When I try to pen my sidemenu i have to wait like 10-15 secs... and everything seems to be blocked...

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Manoj, sorry for the late reply. I'm not familiar with the ionic view ID, I'll look into it. Regarding the email, I can be reached at stern.ophir@gmail.com thanks

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Navarino, OK, two issues were solved here: 1. When updated version to support Angular as well as Ionic there became an issue when using Angular with JQuery. 2. Angular 1.5 (which is used in newer Ionic version) caused several things to break. Both issues were solved, and you can now download the new version. Again, sorry for the inconvenience

Navarino

Navarino   ·   8 years ago

Thnakyou very much!

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Navarino, sorry for the issue, I'll take look right away as to what broke, I'll update you the moment issue identifies and solves

Navarino

Navarino   ·   8 years ago

even though I removed the jquery from the index reference it still freezes up everything...

Navarino

Navarino   ·   8 years ago

Hi Ophir, I bought the plugin but I cant make it work... I get an error ionNumberPicker.min.js:4 Uncaught ReferenceError: Velocity is not definedand everything freezes... (please help?)

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Alexy, sorry, but after checking out Ionic view I found it is very hard to protect the source files via ionic view, so I will not be uploading them. You're invited to decide based on animated Gifs above. Thanks

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Alexy, I'll look into Ionic view and some back to you about that. Thanks

Alexy Fondeville

Alexy Fondeville   ·   8 years ago

Hi Ophir, Can you share the Ionic View ID please ? Need this plugin but for 9$ I prefer see if it work good ^^

Ophir Stern

Ophir Stern   ·   8 years ago

Hi kumar, I've issued a new version of the control which addresses several issues, please try it and contact me if issue persists. Thanks

sampath kumar ch

sampath kumar ch   ·   8 years ago

hi Ophir Stern, i am facing some problem in scroll event, when ever i am scrolling content its coming to the top again.

Manoj

Manoj   ·   8 years ago

Looks very nice plugin. Do you have Ionic View ID for this plugin so that we can try it before buying? Please also share your email ID so that we can discuss some additional work.

Navarino

Navarino   ·   8 years ago

Thank you Ophir, I will look into it.