DatePicker JS Libraries
Javascript

DatePicker JS Libraries

The need of a datepicker js library is a very common one. As a company thriving for the best we performed an extensive research to find the best datepicker library.

When looking at datepicker libraries we looked at many criteria, here are some of them:

  1. Is the library actively developed? When was its last commit?
    • Using an actively developed library will increase the chance that bugs will be fixed and that the library will be improved.
  2. How popular is the library? How many stars does it have in github?
    • Popularity gives some indication about the qualities of the library.
  3. How many bugs does the library have? How many issues does it have in github?
    • The library might be actively developed and popular but it might have too much bugs for us to want to deal with it.
  4. How good does it look and behave?
    • At the end we are not building a product for ourselves so it must also have a good UI and UX for our users to like it.

Here are the available datepicker libraries we encountered and the conclusions:

  1. http://amsul.ca/pickadate.js/date/ https://github.com/amsul/pickadate.js active and 6300 stars
  2. http://jqueryui.com/datepicker/ prettier theme: http://media02.hongkiat.com/jquery-ui-datepicker/demo/datepicker/index.html (technical: http://www.hongkiat.com/blog/jquery-ui-datepicker/http://designify.me/web-design/7-jquery-datepicker-skins/ themes: http://rtsinani.github.io/jquery-datepicker-skins/ lugo looks good
    1. themes: http://aryweb.nl/projects/mootools-datepicker/Test/themes.html
  3. https://eternicode.github.io/bootstrap-datepicker/?markup=input&format=&weekStart=&startDate=&endDate=&startView=0&minViewMode=0&maxViewMode=4&todayBtn=false&clearBtn=false&language=en&orientation=auto&multidate=&multidateSeparator=&keyboardNavigation=on&forceParse=on#sandbox
  4. http://kylestetz.github.io/CLNDR/
  5. http://fullcalendar.io/
  6. http://zabuto.com/dev/calendar/examples/action.html
  7. http://iamjpg.github.io/jQuery-Verbose-Calendar/
  8. http://glad.github.io/glDatePicker/
  9. https://bevacqua.github.io/rome/
  10. http://stefangabos.ro/jquery/zebra-datepicker/
  11. very interesting and unique the flipbox Options (third): http://dev.jtsage.com/jQM-DateBox/theme/ http://dev.jtsage.com/jQM-DateBox/ http://dev.jtsage.com/DateBox/ jQuery Mobile DateBox looks best from the following: http://blog.teamtreehouse.com/best-jquery-date-picker-plugins-for-input-fields
  12. nice colors: http://nazar-pc.github.io/PickMeUp/
  13. different concept: http://victor-valencia.github.io/jquery-mobile-date-navigation/
  14. unique, similar to (11): https://curioussolutions.github.io/DateTimePicker/
  15. unique time picker: http://weareoutman.github.io/clockpicker/
  16. prettiest!!: http://felicegattuso.com/projects/datedropper/ https://github.com/felicegattuso/datedropper/

more options: http://www.jqueryrain.com/demo/jquery-date-time-picker/ http://www.utilnow.com/jquery-datepicker/ http://www.designrazor.net/stunning-free-jquery-datepicker-plugins/ https://www.google.co.il/search?q=prettiest+javascript+date+picker

Conclusion: The leaders are 2 lugo, 11, colors from 12, 16, numbers from from 9.

The winner is http://dev.jtsage.com/DateBox/bootstrap/flipbox/ with dark theme because its unique and very customizable and well-documented and localizable.

Datepicker

Leave your thought here