jQuery UI: Datepicker set year range dropdown to 100 years

by

You can set the year range using this option per documentation here http://api.jqueryui.com/datepicker/#option-yearRange

yearRange: '1950:2013', // specifying a hard coded year range

or this way

yearRange: "-100:+0", // last hundred years

From the Docs

Default: “c-10:c+10”

The range of years displayed in the year drop-down: either relative to today’s year (“-nn:+nn”), relative to the currently selected year (“c-nn:c+nn”), absolute (“nnnn:nnnn”), or combinations of these formats (“nnnn:-nn”). Note that this option only affects what appears in the drop-down, to restrict which dates may be selected use the minDate and/or maxDate options.

More Related Contents:

  1. jQuery UI DatePicker – Change Date Format
  2. jQuery Date Picker – disable past dates
  3. JQuery ui – date picker, disabling specific dates
  4. Setting min date in jQuery datepicker
  5. Jquery datepicker – only day and month
  6. jQuery ui datepicker conflict with bootstrap datepicker
  7. Getting value from JQUERY datepicker
  8. How do I clear/reset the selected dates on the jQuery UI Datepicker calendar?
  9. Jquery Date picker Default Date
  10. Select only specific dates in jQuery UI datepicker (date list comes from AJAX)
  11. Can the jQuery UI Datepicker be made to disable Saturdays and Sundays (and holidays)?
  12. How to change the text of a button in jQuery?
  13. How to remove close button on the jQuery UI dialog?
  14. check / uncheck checkbox using jquery? [duplicate]
  15. How to get the selected date value while using Bootstrap Datepicker?
  16. jQuery UI dialog positioning
  17. How to draw a line between draggable and droppable?
  18. How to refer to a JSF component Id in jquery? [duplicate]
  19. grouping draggable objects with jquery-ui draggable
  20. how to add a day to a date using jquery datepicker
  21. problem when cloning jQuery UI datepicker
  22. Close jQuery UI Dialog from Iframe
  23. bootstrap-typeahead.js add a listener on select event
  24. How can I add jquery ui autocomplete to a dynamically created element?
  25. how to get value of selected item in autocomplete
  26. Draggable revert if outside this div and inside of other draggables (using both invalid and valid revert options)
  27. Sorting Autocomplete UI Results based on match location
  28. Angular4 can’t find Jquery-UI functions
  29. How to set minDate to current date in jQuery UI Datepicker?
  30. Jquery UI tooltip does not support html content

Leave a Comment