我試圖根據單選按鈕的值設置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

相關問題