2013-08-19 73 views
1

我遇到了使用JQUI datepicker的問題,我在這裏使用了from和to文本字段。從日期採摘,自動使用onClose函數選擇下一個字段。JQUI日期選擇器改變月份或年份在選擇後重置

當試圖將一個月或一年改變從下拉框在文本字段中的日期選擇器彈出會復位,用戶必須重新選擇一個月或一年。這似乎只發生在字段上。

我在代碼中做錯了什麼導致這種行爲?我在Windows上的Chrome和Firefox中注意到了這一點。

JS FIDDLE DEMO

CODE

$('#sfd_start').datepicker({ 
    inline: true, 
    selectOtherMonths: true, 
    changeMonth: true, 
    changeYear: true, 
    minDate: 0, 
    maxDate: "+2y", 
    dateFormat: "yy-mm-dd", 
    onClose: function (selectedDate) { 
     $('#sfd_end').datepicker('option', 'minDate', selectedDate); 
     $('#sfd_end').focus(); 
    } 
}); 

$('#sfd_end').datepicker({ 
    inline: true, 
    selectOtherMonths: true, 
    changeMonth: true, 
    changeYear: true, 
    dateFormat: "yy-mm-dd", 
    maxDate: "+2y" 
}); 

編輯:似乎有不成爲一個問題,如果日期選擇器是自動選擇打開後從日期,如果這有助於縮小範圍。

回答

4

似乎是一個計時問題。更改您的OnClose函數:

onClose: function (selectedDate) { 
    $('#sfd_end').datepicker('option', 'minDate', selectedDate); 
    setTimeout(function() { 
     $('#sfd_end').focus(); 
    }, 100); 
} 

jsFiddle example

+0

+1有點瘋狂,但大有趕超! –

+0

似乎已經做到了。非常感謝! – Novocaine

相關問題