jQuery datepicker: change position of month and year drop down

By | December 30, 2013

As we have seen how to add month and year drop down and how to customize year drop down range. Here I am going to explain how to switch position of month and year drop down. Usually, you can see in jQuery datepicker month and year drop down respectively but sometime you need to change position of both like first year then month. It is pretty simple. You just need to pass one more parameter.

showMonthAfterYear : true

jQuery Calender - 2

jQuery(‘div’).datepicker({
changeMonth : true,
changeYear  : true,
showMonthAfterYear : true // you are looking for
})

A complete example.

Leave a Reply

Your email address will not be published. Required fields are marked *