我试图根据单选按钮的值设置jQuery datepicker设置minDate。根据输入设置jQuery datepicker minDate

当我尝试编写返回字符串的函数时，我的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; 
    } 
});

2013-03-27 mattias

*我的JavaScript总是崩溃*你得到什么错误？ – Rob 2013-03-27 10:05:55

@Rob我得到：_TypeError：date.getTime不是函数_ – mattias 2013-03-27 10:12:53

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

来源

2013-03-27 10:16:57

谢谢！没有更多的错误！但是如果输入改变，仍然不会改变_minDate_。 _yearRange_是否在破坏它？ – mattias 2013-03-27 10:48:06

你需要在输入和回调中绑定change事件，像这样$（'＃datepicker'）。datepicker（'option'，'minDate'，mdate（））; }）; – 2013-03-27 10:54:27

太棒了！那样做了！谢谢！ – mattias 2013-03-27 11:38:52

选项minDate需要一个值，不是功能。只要选择了单选按钮，日期选择器就不会自动更新minDate的值。

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

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

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

来源

2013-03-27 10:49:42 Grilse

没错！我忘了事件监听者！谢谢！ – mattias 2013-03-27 11:42:16

这个工作对我来说：

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

来源

2016-11-03 05:50:45 imw

根据输入设置jQuery datepicker minDate

回答

jsFiddle

相关问题