jQuery UI DatePicker displaying wrong date

Question

I've got a jquery UI DatePicker with the following parameters:

changeMonth: true,
changeYear: true,
yearRange: "-16:-1",
dateFormat: 'dd-mm-yy'

It correctly displays only years 1996 till 2011. However, when I select a date for the first time, it's strangely displayed as 08-03-2012. 2012 is not even an option for selection in the datepicker, but this is the date which is then produced in my text box.

If I then select a date once again, it's correctly displayed - this only occurs for the first time.

Any ideas?

kleinohad · Accepted Answer · 2012-03-08 15:33:31Z

5

You can set a default date in your range like this:

<script type="text/javascript">
$(function() {               
    $("#birthdate" ).datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: "-16:-1",
        dateFormat: 'dd-mm-yy',
        defaultDate: '01-01-1996'
    });
});
</script>

answered Mar 8, 2012 at 15:33

kleinohad

5,9202 gold badges29 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Dot NET Over a year ago

Thanks - I knew I could do that, but I didn't think that it would act in this weird way unless I specified a date.

kleinohad Over a year ago

The default date unless you specified a date is the current date

Mario · Accepted Answer · 2015-05-13 14:04:09Z

0

Here is another way to set the default date with the first year of the range.

<script type="text/javascript">
var default_date = new Date(); //Create a new date object
default_date.setYear(date.getYear() - 16); //Substract the current year with the first year of the range

$(function() {               
    $("#birthdate" ).datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: "-16:-1",
        dateFormat: 'dd-mm-yy',
        defaultDate: default_date 
    });
});
</script>

edited May 13, 2015 at 14:04

answered May 13, 2015 at 13:32

Mario

1,7161 gold badge23 silver badges30 bronze badges

Collectives™ on Stack Overflow

jQuery UI DatePicker displaying wrong date

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related