首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >禁用jQuery UI日期选择器的焦点设置

禁用jQuery UI日期选择器的焦点设置
EN

Stack Overflow用户
提问于 2011-08-02 20:13:43
回答 7查看 33.6K关注 0票数 22

jQuery UI日期选择器有一个选项,只在单击按钮图像时打开日期选择器。下面是一个例子:

http://jqueryui.com/demos/datepicker/#icon-trigger

问题是,datepicker一打开,焦点就在文本字段中。是否可以禁用焦点设置?

在iPhone等移动设备上使用类似上面的页面时,键盘会弹出,因为文本字段获得了焦点。这并不是真正的用户友好,因为你必须关闭键盘才能真正到达datepicker并使用它。

EN

回答 7

Stack Overflow用户

发布于 2013-05-29 20:30:57

如果将输入设置为禁用,键盘将永远不会弹出。比如..。

代码语言:javascript
复制
    <input type="text" id="date_picker_field" name="date" disabled/>
票数 2
EN

Stack Overflow用户

发布于 2015-11-20 04:46:33

通过将datepicker showOn选项设置为"none“,达到了预期的效果。

代码语言:javascript
复制
$(#startdate").datepicker({
    defaultDate : "+7d",
    minDate: "+7d",
    changeMonth : true,
    changeYear : true,
    yearRange : "c:c+1",
    numberOfMonths : 1,
    showOn: "none",
    dateFormat : "dd-MM-yy",
    onClose : function(selectedDate) {
        $("#startdate").val(selectedDate);
        $( "#enddate" ).datepicker( "option", "minDate", selectedDate );
    }
});

datepicker实现理解showOn选项的“焦点”、“按钮”和“两者”值。默认设置为“焦点”。因此,从技术上讲,传递这3个值以外的任何值都应该是可行的。但是需要注意的是,一旦默认功能被覆盖,管理日期选择器日历的正确显示的责任就落在您身上了。

票数 2
EN

Stack Overflow用户

发布于 2013-11-27 23:32:39

在我正在开发的一个应用程序上,我也遇到了同样的问题。我注释掉了jQuery文件中的这些行,以防止它在单击日历图标后立即自动将焦点设置在文本字段上。它适用于我的应用程序。

代码语言:javascript
复制
if ( $.datepicker._shouldFocusInput( inst ) ) {
    inst.input.focus();
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6911895

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档