Question

0

jQuery UI Datepicker - Month and Year Dropdown

rated 0 times [ 2] [ 2] / answers: 1 / hits: 25623 / 8 Years ago, wed, september 21, 2016, 12:00:00

I have the following Datepicker on my website.

As you can see from the example they have, it only goes as back as 2006 and as forward as 2026 on the year. I need the year to go back a lot further, how would I accomplish this?

Here is my code:

<script>

    $(function() {

        $(#passenger_dob).datepicker({ changeMonth: true, changeYear: true, dateFormat: dd/mm/yy }).val()

    });

</script>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

miles

Add To Favorites

Follow

Total Points: 256

Total Questions: 111

Total Answers: 104

Location: Benin

Member since Fri, Mar 24, 2023

1 Year ago

miles questions

1 TypeError: Cannot read property 'then' of undefined Jest and Nest

Sun, Jan 30, 22, 00:00, 2 Years ago

1 Example: Doughnut | Error: Uncaught ReferenceError: Utils is not defined

Tue, Apr 27, 21, 00:00, 3 Years ago

1 How to block typing e and - characters in React Hook Form input?

Fri, Apr 9, 21, 00:00, 3 Years ago

1 Environment variables in svelte + rollup

Mon, Jun 29, 20, 00:00, 4 Years ago

1 How to calculate the time left in days, hours, minutes, and seconds left to reach certain day?

Mon, Jun 22, 20, 00:00, 4 Years ago

View All

answered 8 Years ago brennanm · Accepted Answer

Use the yearRange option to set the years you want do display:

$(#passenger_dob).datepicker({

    changeMonth: true, 

    changeYear: true, 

    dateFormat: dd/mm/yy,

    yearRange: -90:+00

});

the yearRange options can be hard-coded, or, as in my example, a range can be used relative to the current date. The options I've used mean earliest year displayed is 90 years before current year and maximum year displayed is equal to current year.

N.B. As noted in the docs, this merely affects the options displayed in the dropdown by default, it doesn't place any restriction on the dates which the user can actually enter/select.

See http://api.jqueryui.com/datepicker/#option-yearRange for more details.