javascript - 根据输入设置jQuery datepicker minDate

Question

minDate我正在尝试根据单选按钮的值设置 jQuery 日期选择器。

当我尝试编写返回字符串的函数时，我的 JavaScript 不断崩溃。关于为什么这不起作用的任何想法？

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "-35:+0",
    dateFormat: "yy-mm-dd",
    minDate: function() {
        var str = "-35Y";
        if($("#inputfield").val() == "value") {
            str = "-33Y";
        }
        return str;
    }
});

Answer 1

jsFiddle

这很好......你需要确保你有inputfield一个value

 <input type='text' id='datepicker'></div>
 <input type='text' value='value' id='inputfield'>

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "-35:+0",
    dateFormat: "yy-mm-dd",
    minDate:mdate()
});


function mdate(){
        var str = "-35Y";
        if($("#inputfield").val() == "value"){
            str = "-33Y";
        }
        return str;
}

• 编辑：*

  $('#inputfield').on('change',function(){ $('#datepicker').datepicker('option', 'minDate', mdate()); });

Answer 2

该选项minDate需要一个值，而不是一个函数。minDate每当您的单选按钮的选择发生变化时，日期选择器不会自动更新 的值。

如果您希望在单选按钮选择更改时更改日期选择器的最小日期，那么您必须明确对此进行编程。大致如下：

$('[name=myradiogroup]').change(function () {
    var newMininumDate = /*insert logic here*/;
    $('#datepicker').datepicker('option', 'minDate', newMininumDate);
});

见http://api.jqueryui.com/datepicker/#method-option

Answer 3

这对我有用：

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "-35:+0",
    dateFormat: "yy-mm-dd",
    minDate: $("#inputfield").val()
});