Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jsp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 如何防止jQueryUI日期选择器在显示时提供输入焦点?_Jquery Ui_Focus_Jquery Ui Datepicker - Fatal编程技术网

Jquery ui 如何防止jQueryUI日期选择器在显示时提供输入焦点?

Jquery ui 如何防止jQueryUI日期选择器在显示时提供输入焦点?,jquery-ui,focus,jquery-ui-datepicker,Jquery Ui,Focus,Jquery Ui Datepicker,jQuery日期选择器的默认行为在显示日期选择器时提供输入字段焦点。在移动设备(如iPhone)上,这种行为是不受欢迎的,因为它会在键盘上滑动,并遮挡日期选择器 我目前正在解决这个问题,在显示日期选择器时禁用输入字段,并在关闭时重新启用它。这是可行的,但似乎不太理想 HTML: 这是一张工作票 可以直接停止焦点吗?可以将日期指定为type属性的值。但是,这可能无法解决您的问题,因为当按下submit按钮时,JSFIDLE会显示日期选择器,而不是当字段被关注时。这是期望的行为吗?是的,目的是用自定

jQuery日期选择器的默认行为在显示日期选择器时提供输入字段焦点。在移动设备(如iPhone)上,这种行为是不受欢迎的,因为它会在键盘上滑动,并遮挡日期选择器

我目前正在解决这个问题,在显示日期选择器时禁用输入字段,并在关闭时重新启用它。这是可行的,但似乎不太理想

HTML:

这是一张工作票


可以直接停止焦点吗?

可以将日期指定为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");
    });
});