如何防止 jQuery datepicker 在初始頁面加載時彈出但仍滾動到 datepicker 文本框

Question

我有類似於以下 Javascript 的內容：

$(function () {
    $("#txtDate").focus();
    $("#txtDate").datepicker({
        ...
        autoOpen: false,
        ...
    });
});

我想專注於頁面加載時的文本框，而不會彈出日期選擇器。 當前頁面加載時日期選擇器已經打開。

我需要能夠在頁面加載時將頁面滾動到該文本框，並且txtDate文本框具有焦點會很好，以便用戶可以輕松地切換到表單中的下一個輸入。

任何幫助將不勝感激。

編輯：
注意：必須在 IE 8-10 下工作

Answer 1

試試這個：

var initialized = false;
$(function () {
    $("#txtDate").focus();
    $("#txtDate").blur(function(){
        if(!initialized){
            $("#txtDate").datepicker({
                autoOpen: false
            });    
            initialized = true;
        }
    });
});

示例

http://jsfiddle.net/pQALk/3/

Answer 2

這個 jQuery 有效：

$(function () {
    $(".txtDate").focus();
    setTimeout(function() {$(".txtDate").datepicker({
        autoOpen: false
    });},10);
});

這有點黑客 - 在綁定日期選擇器之前添加了 0.01 秒的延遲，因此焦點發生在日期選擇器綁定之前，因此不會觸發日期選擇器。 http://jsfiddle.net/pQALk/2/