Javascript 如何防止jQuery datepicker在初始页面加载时弹出，但仍滚动到datepicker文本框

我有一些类似于以下Javascript的东西：

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

我想把注意力集中在页面加载时的文本框上，而不让日期选择器弹出。当前，页面加载时日期选择器已打开

我需要能够有页面滚动到该文本框页面加载，这将是很好的txtDate文本框有重点，以便用户可以轻松地标签到表单中的下一个输入

任何帮助都将不胜感激

编辑：
注意：必须在IE 8-10中工作，请尝试以下操作：

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

范例

试试这个：

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

范例

此jQuery的工作原理是：

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

这有点像黑客——在绑定日期选择器之前增加了0.01秒的延迟，因此焦点发生在绑定日期选择器之前，因此不会触发日期选择器。

此jQuery的工作原理是：

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

这有点像黑客——在绑定日期选择器之前增加了0.01秒的延迟，因此焦点发生在绑定日期选择器之前，因此不会触发日期选择器。

---

在本例中起作用。（google chrome）是否有更多的代码未显示导致问题的原因？

txtDate

似乎不是有效元素。。您的目标是

id

还是

类

？oops应该是id。我刚刚更改了它。在本例中起作用。（google chrome）是否有更多的代码未显示导致问题的原因？

txtDate

似乎不是有效元素。。你的目标是一个

id

还是一个

类

？哦，应该是id。我刚刚更改了它。是的。。。哎呀，我想在元素ID前面加上#符号。是的，我也将自动打开设置为false。是的，我需要它在IE 8-10中工作。我刚刚更新了问题以反映这一点。是的。。。哎呀，我想在元素ID前面加上#符号。是的，我也将自动打开设置为false。是的，我需要它在IE 8-10中工作。我刚刚更新了问题以反映这一点。