从 javascript 变量中设置 datepicker 的 yearRange答案

【问题标题】：Setting yearRange of datepicker from javascript variable从 javascript 变量中设置 datepicker 的 yearRange
【发布时间】：2013-10-31 05:51:04
【问题描述】：

$(".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
    });
});

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

【问题讨论】：

标签： javascript jquery datepicker

【解决方案1】：

你可以给个赞

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

【讨论】：

【解决方案2】：

阅读yearRange

var year_text = year + ":" + year ;

或

"yearRange":  year + ":" + year

【讨论】：

【解决方案3】：

你可以这样设置

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

    });
});

CHECK THIS LIVE JSFIDDLE DEMO

【讨论】：