2013-03-11 90 views
4

我有一個系統,人們可以從和日期添加多個,即截圖:http://screencast.com/t/Q7MHQVLnn4J9jQuery的日期選擇器的OnClose選擇下一個

在選擇OnClose事件設置了第二個輸入的日期並打開它的第一次約會。 IE

datePickers = function() { 
    $(".from_date").datepicker({ 
     minDate: 'D', 
     dateFormat: "dd/mm/yy", 
     defaultDate: "+1w", 
     numberOfMonths: 2, 
     onClose: function(selectedDate) { 
     $(".to_date").datepicker("option", "minDate", selectedDate); 
     return $(".to_date").datepicker("show"); 
     } 
    }); 
    return $(".to_date").datepicker({ 
     minDate: '+1D', 
     dateFormat: "dd/mm/yy", 
     defaultDate: "+1w", 
     numberOfMonths: 2 
    }); 
    }; 

當我有2,3或更多,編輯第一或第二個我的問題變得....在接近它打開了最後一個輸入。

我試過使用.next('to_date')和最接近的('to_date'),但它不工作。

任何建議我如何能解決這個問題。

按照要求小提琴:http://jsfiddle.net/FdfPY/

+0

請提供的jsfiddle例如 – Dom 2013-03-11 15:34:49

+0

http://jsfiddle.net/FdfPY/ – Lee 2013-03-11 15:43:14

+0

http://jsfiddle.net/FdfPY/2 /添加更多的嵌套,因爲Dom提供的解決方案有點脆弱 – Lee 2013-03-11 16:18:27

回答

8

而不是使用return $(".to_date").datepicker("show");,請執行下列操作:

$(".from_date").datepicker({ 
     minDate: 'D', 
     dateFormat: "dd/mm/yy", 
     defaultDate: "+1w", 
     numberOfMonths: 2, 
     onClose: function(selectedDate) { 
     $(".to_date").datepicker("option", "minDate", selectedDate); 
     $(this).parent().next().children().focus(); 
     } 
    }); 
$(".to_date").datepicker({ 
     minDate: '+1D', 
     dateFormat: "dd/mm/yy", 
     defaultDate: "+1w", 
     numberOfMonths: 2 
    }); 

DEMO: http://jsfiddle.net/FdfPY/1/

編輯:

如果它嵌套,然後使用以下:

$(".from_date").datepicker({ 
     minDate: 'D', 
     dateFormat: "dd/mm/yy", 
     defaultDate: "+1w", 
     numberOfMonths: 2, 
     onClose: function(selectedDate) { 
     $(".to_date").datepicker("option", "minDate", selectedDate); 
     $(this).parents('.span2').next().children().find('.to_date').focus(); 
     } 
    }); 
$(".to_date").datepicker({ 
     minDate: '+1D', 
     dateFormat: "dd/mm/yy", 
     defaultDate: "+1w", 
     numberOfMonths: 2 
    }); 

DEMO: http://jsfiddle.net/FdfPY/5/

+0

對不起,但我認爲你的工作正常,但實際上我的元素進一步嵌套在額外的div等等。所以.parent將變得脆弱。 http://jsfiddle.net/FdfPY/2/ – Lee 2013-03-11 16:17:21

+0

好吧對我的初始編輯進行了更改! – Dom 2013-03-11 16:27:09

+0

謝謝DOM,我知道我有很大的痛苦,但我的小提琴變得簡單。我應該有一個更好的html佈局。我以爲最初在桌上展示會更容易。 http://jsfiddle.net/FdfPY/4/ 這是非常acurate現在的佈局。對不起和你的時間TY! – Lee 2013-03-11 16:38:57

相關問題