使用jquery进行dob年验证的日期选择器

时间:2015-09-04 05:58:00

标签: javascript jquery datepicker jquery-ui-datepicker

我正在使用Jquery的日期选择器。目前我面临一个问题的地方默认情况下,日历将显示到2100年,但如果用户选择任何功能日期或当前日期,系统不应接受。系统应接受从今天起至少10年的日期。

我有点困惑怎么办我尝试过min year&最大年份,但如果我给年份范围1900到2015年日历显示到2015年sep只,但我想显示到2100

这是jsbin Link

伙计们,请帮助我

这是Jquery代码

 $("#txt_dob").datepicker({
    dateFormat: "mm-dd-yy",
    changeMonth: true,
    changeYear: true,

    //showButtonPanel: true,
    yearRange: '-115:+10',
    beforeShow: function () {
        setTimeout(function (){
        $('.ui-datepicker').css('z-index', 99999999999999);

        }, 0);
    },

}).on('change', function() {
    if($('#txt_dob').valid()){
        $('#txt_dob').removeClass('errRed');
    }
    // triggers the validation test on change

});

提前致谢

2 个答案:

答案 0 :(得分:2)

我的解决方案是创建一个Date对象:
var date = new Date(); // current date
然后减去10年:
date.setFullYear(date.getFullYear() - 10)
然后将此日期视为日期选择器的最长日期

$("#txt_dob").datepicker({
    dateFormat: "mm-dd-yy",
    maxDate: date,
    changeMonth: true,
    changeYear: true
});

答案 1 :(得分:1)

使用日期选择器的maxDate属性,如下所示:

maxDate: '-10Y'