Date picker doesnt allow earlier than 1999

I'm using Form Builder to build an application form that would require the user to enter his/her date of birth. The date picker only allows between 1999 -2019. Where do I go to change this values? I need to be able to select as early as 1901 if possible.

The drop down initially shows a range of 20 years. Once you select an earlier year, the range changes to display earlier years with the year you choose to be the middle value. That is why it shows 1999-2019 initially, since it uses today's date as a default.

to display the date range to be what you want find this block of code in page you've applied the form to:
$(function(){
$('#fieldset_group_field').datepicker({
changeMonth: true,
changeYear: true,
onClose: closeDatePicker_fieldset_group_field
});
});

At this point you have an option of what you can do. After the line:
changeYear: true,

You can add either of these lines in:
yearRange: "1901:2009",

or

yearRange: "-108:+0",

The first one is a hardcoded date range, whereas the second one will change the date range as time progresses.


Here's a reference for if you want to change anything else on the Date Field:
datepicker/

Thanks this works perfectly.
Is there a way to change the date format? Right now its mm/dd/yyyy; I'd like to change it to dd/mm/yyyy.

In the same block of code under the yearRange you can add:
dateFormat: 'dd/mm/yy',

Thanks for the prompt reply.
I added the code to change the date format but the form validation now throws up an 'invalid format' error; I entered Form Builder to edit the form and unchecked the required checkbox to remove the validation but somehow the error validation remains.

I'm not sure why the validations are firing. What you can test is to create a new page and create a form with just a date field in it and make the modifications to that to see if it may be something else interfering with the validations?

I just tried it on my end and did not get the validations to fire when the date format was changed.

Originally Said By: Jimmy Wu

  Here's a reference for if you want to change anything else on the Date Field: datepicker/  

Thanks for that post Jimmy! ALL my questions were answered there! That's a gold mine of information.
--

whit

Glad it was helpful. If you have any additional issues, feel free to open a new forum thread.

I have tried adding;

yearRange: "-108:+0",

to the two datepickers on my web page but I can still pick dates in the future.

Any ideas?

After a bit of fiddling I had to use;

minDate: -100, maxDate: '+0',