禁用jQuery UI日期选择器的焦点设置
禁用jQuery UI日期选择器的焦点设置
提问于 2011-08-02 20:13:43
jQuery UI日期选择器有一个选项，只在单击按钮图像时打开日期选择器。下面是一个例子：
http://jqueryui.com/demos/datepicker/#icon-trigger
问题是，datepicker一打开，焦点就在文本字段中。是否可以禁用焦点设置？
在iPhone等移动设备上使用类似上面的页面时，键盘会弹出，因为文本字段获得了焦点。这并不是真正的用户友好，因为你必须关闭键盘才能真正到达datepicker并使用它。
回答 7
Stack Overflow用户
发布于 2013-05-29 20:30:57
如果将输入设置为禁用，键盘将永远不会弹出。比如..。
<input type="text" id="date_picker_field" name="date" disabled/>Stack Overflow用户
发布于 2015-11-20 04:46:33
通过将datepicker showOn选项设置为"none“，达到了预期的效果。
$(#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个值以外的任何值都应该是可行的。但是需要注意的是，一旦默认功能被覆盖，管理日期选择器日历的正确显示的责任就落在您身上了。
Stack Overflow用户
发布于 2013-11-27 23:32:39
在我正在开发的一个应用程序上，我也遇到了同样的问题。我注释掉了jQuery文件中的这些行，以防止它在单击日历图标后立即自动将焦点设置在文本字段上。它适用于我的应用程序。
if ( $.datepicker._shouldFocusInput( inst ) ) {
inst.input.focus();
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6911895
复制相关文章
相似问题
腾讯云开发者
