从 javascript 变量设置年份日期选择器的范围

Setting yearRange of datepicker from javascript variable

本文关键字:日期 选择器 范围 javascript 变量 设置      更新时间:2023-09-26
$(".parent_div").delegate(".input_control", "focusin", function () {
    var year = $('#this_year_input').val();
    var year_text = "'" + year + ":" + year + "'";
    $(this).attr("readonly", "true");
    $(this).datepicker({
        "dateFormat": 'mm/dd/yy',
            "changeMonth": true,
            "changeYear": true,
            "yearRange": year_text
    });
});

我试图通过选择他选择的年份的日期来限制用户。原因是我有多个日期选择器控件,我需要用户选择一次的同一年份。所以我提供了年份的下拉列表,并在变量"year"中从中获取值。现在这就是发生的事情。问题是,如果"this_year_input"有 2010,var year_text得到"2010:2010",但它在日历控制中不起作用。如果我在参数中用"2010:2010"替换year_text,它可以工作

你可以给喜欢

$(this).datepicker({
    "dateFormat": 'mm/dd/yy',
        "changeMonth": true,
        "changeYear": true,
        "yearRange": year + ":" + year
});

读取年份范围

var year_text = year + ":" + year ;

"yearRange":  year + ":" + year

你可以这样设置

$(function() {
    var minYear=1990;
    var maxYear=2000;
    $( "#datepicker" ).datepicker({ 
        yearRange: minYear+':'+ maxYear,
        changeYear: true
    });
});

查看此实时 JSFIDDLE 演示