如何在日期选择器中开始年份范围？答案

【问题标题】：How to Year range start year end year in datepicker?如何在日期选择器中开始年份范围？
【发布时间】：2018-10-12 02:06:52
【问题描述】：

如何在 ASP.NET MVC 中的 datepicker Datetime 中修复 Year range start year？

我的代码是

脚本：

<script type="text/javascript">

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

    });
</script>

查看

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


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

我的问题是如何在 dateofbirth 字段 datepicker 中修复年份范围取决于性别值..

例如：

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

在 dateofbirth 字段中选择性别值更改更改年份范围后，其他显示错误消息。

【问题讨论】：

制作一个通用方法 - 把你的逻辑放在里面，在改变性别后调用这个方法。

标签： javascript asp.net asp.net-mvc asp.net-mvc-3

【解决方案1】：

说明：

jQueryDatepicker 有一个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 fiddle 中运行代码：

click here

【讨论】：