如何啓動焦點的jquery datepicker

Question

我是新來的jquery，並希望開始datepicker焦點。

我的第一個文本框是一個日期字段，我試圖用javascript給出盒子焦點，但是除非我點擊頁面上的其他地方，然後通過單擊框內的單擊來給它指定焦點，否則日期選擇器將不會出現。

有沒有辦法啓動帶有焦點的日期選擇器，並且可能會在頁面加載時立即啓動窗口小部件，然後在用戶離開框時放下焦點？

$("#date").datepicker({ 
    dateFormat: "mm-dd-yy" 
    }); 

Answer 1

試試這個 - http://www.jsfiddle.net/wnUWQ/embedded/result

$(document).ready(function() { 
    $("#datepick").datepicker({ 
     dateFormat: "mm-dd-yy" 
    }); 
    $("#datepick").focus(function() { 
     $("#datepick").datepicker("show"); 
    }); 
    $("#datepick").focus(); 
}); 

編輯： 的$（document）對象的.ready()功能是當DOM在瀏覽器中完全加載解僱。首先，我們將datepicker附加到input，然後附上一個顯示datepicker的事件處理程序，最後我們將焦點放在輸入上。

這都可能是chained成一條線，如：

$(document).ready(function() { 
    $("#datepick").datepicker({ 
     dateFormat: "mm-dd-yy" 
    }).focus(function() { 
     $("#datepick").datepicker("show"); 
    }).focus(); 
});