如何使用焦点启动jquery datepicker

我是jquery的新手，想要重点开始使用datepicker。

我的第一个文本框是一个日期字段，我试图用javascript给框重点，但是除非我点击页面上的其他地方然后通过在框内单击给它焦点，否则datepicker将不会出现。

有没有办法以焦点方式启动datepicker，并且可能在页面加载时立即启动窗口小部件，然后在用户离开框时丢弃焦点？

$( "#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(); }); 

编辑：当DOM在浏览器中完全加载时，会触发$（document）对象的.ready()函数。 首先，我们将datepicker附加到input ，然后我们附加一个focus事件处理程序，显示datepicker，最后我们将焦点设置到输入。

这可以全部链接成一行，如：

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