如何在初始化後設置jqueryui datepicker minDate？

我有兩個日期選擇器（jqueryui），我想將第二個輸入（minDate屬性）限制在第一個選定的值。我應該怎麼做？我寫了下面的代碼，沒有成功：如何在初始化後設置jqueryui datepicker minDate？

$("#picker1").button().click(function() { 
     var minDate = $("#picker1").datepicker("getDate"); 
     $("#picker2").datepicker("option", "minDate", minDate); 
     $("#picker2").datepicker("refresh"); 
     });

你能幫我嗎？

謝謝！

來源

2013-03-18 Alex

http://jqueryui.com/datepicker/#date-range – j08691 2013-03-18 16:07:03

幾天，對我來說什麼worket：

$("#picker1").datepicker({ 
    onClose: function(selectedDate){ 
    $("#picker2").datepicker("option", "minDate",selectedDate); 
    } 
});

從中檢索：jQueryUi

答案在此日期之前沒有工作。來自@Arun P Johny的回答在小提琴中工作得很好，但不是在我的系統中（我不知道爲什麼）。

來源

2013-04-24 20:41:08 Alex

嘗試

$('#p1, #p2').datepicker(); 

$('#p1').change(function(){ 
    $('#p2').datepicker('option', 'minDate', $('#p1').datepicker('getDate')) 
});

演示：Fiddle

來源

2013-03-18 16:09:19

很好。這正是我想要的。但我沒有做到在我的JSP中做同樣的事情，我使用jQuery來操縱組件的行爲。你有什麼想法/小費，我該怎麼做才能達到同樣的目標？謝謝你的迴應！ – Alex 2013-03-26 15:08:04

如果您使用jQuery UI 1.8，請注意，'選項'方法直到jQuery UI 1.9才被引入 – osullic 2017-03-15 11:28:39

我懷疑getDate返回字符串。你可以嘗試這樣的。後

$("#picker1").button().click(function() { 
     var minDate = $("#picker1").datepicker("getDate");  
     $("#picker2").datepicker("option", "minDate", new Date(minDate)); 
     $("#picker2").datepicker("refresh"); 
     });

來源

2013-03-18 16:15:09

如何在初始化後設置jqueryui datepicker minDate？

回答

相關問題