Jquery ui 如何防止jQueryUI日期选择器在显示时提供输入焦点?
jQuery日期选择器的默认行为在显示日期选择器时提供输入字段焦点。在移动设备(如iPhone)上,这种行为是不受欢迎的,因为它会在键盘上滑动,并遮挡日期选择器 我目前正在解决这个问题,在显示日期选择器时禁用输入字段,并在关闭时重新启用它。这是可行的,但似乎不太理想 HTML: 这是一张工作票Jquery ui 如何防止jQueryUI日期选择器在显示时提供输入焦点?,jquery-ui,focus,jquery-ui-datepicker,Jquery Ui,Focus,Jquery Ui Datepicker,jQuery日期选择器的默认行为在显示日期选择器时提供输入字段焦点。在移动设备(如iPhone)上,这种行为是不受欢迎的,因为它会在键盘上滑动,并遮挡日期选择器 我目前正在解决这个问题,在显示日期选择器时禁用输入字段,并在关闭时重新启用它。这是可行的,但似乎不太理想 HTML: 这是一张工作票 可以直接停止焦点吗?可以将日期指定为type属性的值。但是,这可能无法解决您的问题,因为当按下submit按钮时,JSFIDLE会显示日期选择器,而不是当字段被关注时。这是期望的行为吗?是的,目的是用自定
可以直接停止焦点吗?可以将日期指定为type属性的值。但是,这可能无法解决您的问题,因为当按下submit按钮时,JSFIDLE会显示日期选择器,而不是当字段被关注时。这是期望的行为吗?是的,目的是用自定义按钮显示日期选择器,而不是聚焦输入点击/点击的默认行为。因此,我解除了输入字段上的处理程序的绑定,并向按钮单击添加了一个显示事件。使用自定义按钮的API还有很多需要改进的地方。。。
<input type="text" id="start-date" class="date-input" />
<button id="start-date-calendar">Go</button>
$(document).ready(function () {
$(".date-input").datepicker({
numberOfMonths: 2,
showButtonPanel: true,
showAnim: 'slideDown',
showCurrentAtPos: 1,
stepMonths: 2,
beforeShow: function (input, datePicker) {
input.disabled = true;
},
onClose: function (dateText, datePicker) {
this.disabled = false;
}
});
$(".date-input").off();
$("#start-date-calendar").click(function () {
$('#start-date').datepicker("show");
});
});