如何以焦点启动jquery datepicker

Question

我是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();
});

编辑:.ready()当DOM在浏览器中完全加载时,会触发$(document)对象的功能.首先我们将附加datepicker到input,然后我们附加一个focus显示日期选择器的事件处理程序,最后我们将焦点设置为输入.

这可以全部链接成一行,如:

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