jquery datepicker - 激活另一個選擇日期選擇器

Question

我有2個jQuery日期選擇器來選擇一個日期範圍。

一旦我選擇了一個從第一個datepicker的日期，我想激活第二個（到）datepicker。

下面的代碼是這樣做的，但由於某種原因馬上關閉了日期選擇器。

任何想法？ - http://jsfiddle.net/rN4zu/

From <input type="text" id="dateFrom" /> 
To <input type="text" id="dateTo" /> 

jQuery的

$("#dateFrom").datepicker({ 
    minDate: 0, 
    maxDate: "+2Y", 
    showWeek: true, 
    weekHeader: 'Wk', 
    onSelect: function(selectedDate) { 
     $("#dateTo").datepicker("option", "minDate", selectedDate).focus(); 
    } 
}); 

$("#dateTo").datepicker({ 
    maxDate: "+2Y", 
    showWeek: true, 
    weekHeader: 'Wk' 
}); 

Answer 1

http://jsfiddle.net/8YTKR/

的問題與命令斜坡上升互相反對這樣做後卡住。 set min date命令和.focus正在同時發生，這是造成問題的原因。

好的，所以首先.focus不是觸發日期選擇器的首選方式。首選的方法是使用看起來像這樣的datapicker show方法.datepicker('show');。所以在這個例子中，我們將使用它。

接下來我們需要確保'show'在min date命令後發生。並且由於該命令沒有回調，我將使用setTimeout

$("#dateFrom").datepicker({ 
    minDate: 0, 
    maxDate: "+2Y", 
    showWeek: true, 
    weekHeader: 'Wk', 
    onSelect: function(selectedDate) { 
     $("#dateTo").datepicker("option", "minDate", selectedDate); 
     setTimeout(function(){ 
      $("#dateTo").datepicker('show'); 
     }, 16);  
    } 
}); 

$("#dateTo").datepicker({ 
    maxDate: "+2Y", 
    showWeek: true, 
    weekHeader: 'Wk' 
}); 

爲什麼16ms你說？因爲它沒有顯示在屏幕上的可能性最大。出於這個原因，16ms是默認的jquery動畫間隔。

Answer 2

我的建議是，允許用戶挑選，他們希望在任一日期選擇任何日期，然後做兩個文本框驗證的日期選擇後。

從第一個日期選擇器中的值中設置第二個日期選擇器的日期範圍的問題是，如果用戶選擇，例如7月21日意外，那麼第二個日期選擇器將在7月21日開始，但是當他們去更改第一個日期選取器7月1日，第二個日期選擇器將在日期7月21日

Answer 3

$("#dateTo").datepicker("option", "minDate", selectedDate).focus(0);