jQuery UI DatePicker отображает неправильную дату

Question

У меня есть jQuery UI DatePicker со следующими параметрами:

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

Правильно отображаются только годы с 1996 по 2011 год. Однако, когда я выбираю дату впервые, она странным образом отображается как 08-03-2012. 2012 даже не вариант для выбора в указателе даты, но это дата, которая затем создается в моем текстовом поле.

Если я затем выберу дату еще раз, она будет правильно отображаться - это происходит только в первый раз.

Есть идеи?

Answer 1

Вы можете установить дату по умолчанию в вашем диапазоне следующим образом:

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

Answer 2

Вот еще один способ установить дату по умолчанию с первым годом диапазона.

<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>