如何防止jQuery日期选择器在初始页面加载时弹出，但仍滚动到日期选择器文本框

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/