Как диапазон начала года в конце года в DatePicker?

Question

Как исправить год начала диапазона года в DatePicker Datetime в ASP.NET MVC?

Мой код

Сценарий:

<script type="text/javascript">

    $(document).ready(function () {
        $('input[type=datetime]').datepicker({
            dateFormat: "dd/mm/yy",
            changeMonth: true,
            changeYear: true,
            yearRange: "-60:+0"
        });

    });
</script>

View

@Html.DropDownListFor(m => m.Gender, Model.GenderList, "- Select Gender -", new { @class = "form-control" })


@Html.EditorFor(m => m.Dateofbirth, new { @class = "form-control datepicker" }).

Здесь мой вопрос: как установить диапазон года в поле dateofbirth, поле выбора даты зависит от значения пола ..

Пример:

Gender==Male dateofbirth year select Option starts from (currentYear - 21)
Gender==Female dateofbirth year select Option starts from (currentYear - 18)

После выбора диапазона изменения значения пола в поле dateofbirth, в противном случае отображается сообщение об ошибке.

Answer 1

Пояснение:

jQuery Datepicker имеет yearRange property, который allows user для установки диапазона start и end year, который будет displayed Year Dropdown в пределах jQuery Datepicker.

Синтаксис значения: '{Start-Year}:{End-Year}'

<script type = "text/javascript">
 $(function() {
$('.date-picker').datepicker( {
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    dateFormat: 'yy',
    onClose: function(dateText, inst) { 
        $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
    }
});
 $('.date-picker2').datepicker( {
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    dateFormat: 'yy',
    onClose: function(dateText, inst) { 
        $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
    }
});
  });
   </script>

код запуска в скрипте js:

нажмите здесь