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

标签 javascript jquery jquery-ui datepicker jquery-events

我有类似于以下 Javascript 的内容:

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

我想专注于页面加载时的文本框,而不弹出日期选择器。目前,页面加载时日期选择器已打开。

我需要能够在页面加载时让页面滚动到该文本框,并且 txtDate 文本框最好具有焦点,以便用户可以通过 Tab 键切换到表单中的下一个输入很容易。

任何帮助将不胜感激。

编辑:
注意:必须在 IE 8-10 中工作

最佳答案

试试这个:

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

示例

http://jsfiddle.net/pQALk/3/

关于javascript - 如何防止 jQuery 日期选择器在初始页面加载时弹出,但仍滚动到日期选择器文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20983172/

相关文章:

javascript - 在 Angular 中刷新页面后如何检索本地存储值?

javascript - 使用 Mapbox API 将邮政编码转换为纬度和经度

jquery - 附加元素在 IE11 中不起作用

Jquery 灯箱不显示

javascript - 如果您通过 ID 在 jQuery 中选择一个元素,是否仍然可以通过为其提供上下文来提高速度?

javascript - 如何将对象属性作为参数传递?

javascript - 离线/在线数据同步设计(Javascript)

javascript - 交换 <div> 标签中的值?

javascript - 您可以像将事件添加到 arb 节点和选择器一样分配可拖动吗?

android - scrollTop 不适用于 Android 手机