Отключить настройку фокуса для средства выбора даты пользовательского интерфейса jQuery

установите для ввода значение Только для чтения

<input type="text" id="datePicker" readonly>

Если вы отключите ввод, клавиатура никогда не появится. Нравится...

    <input type="text" id="date_picker_field" name="date" disabled/>

Достигнут желаемый результат, установив для параметра showOn datepicker значение «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 );
    }
});

Реализация средства выбора даты понимает значения «фокус», «кнопка» и «оба» для параметра showOn. По умолчанию установлено значение «фокус». Таким образом, технически передача любого значения, кроме этих 3, должна работать. Тем не менее, предостережение: после того, как функциональность по умолчанию будет переопределена, ответственность за правильное отображение календаря выбора даты лежит на вас.

Это старый вопрос, но если вы наткнетесь на него в поисках решения той же проблемы, я полагаю, что решение в современных браузерах заключается в использовании inputmode="none" в теге ввода HTML:

<input type="text" ... inputmode="none" />

Я не тестировал его тщательно, но он хорошо работал в Android с настройками, которые я использовал.

Если вы используете jQuery Mobile-, вам, вероятно, захочется проверить некоторые ориентированные на мобильные устройства средства выбора даты. Я использую экспериментальный мобильный указатель даты jQueryUI (из альфа-версии 4) после опробования нескольких других, потому что мы хотели хороший вид календаря. По сути, он просто добавляет несколько классов CSS, добавленных поверх существующего средства выбора даты. Я использую версию Edited, поэтому она работает как всплывающее окно. Чтобы предотвратить открытие клавиатуры, я просто добавляю событие размытия jQuery $this.blur() сразу после того, как оно получает фокус, прежде чем отобразится средство выбора. Событие размытия происходит достаточно быстро, поэтому клавиатура никогда не открывается.

Если нет - вы, вероятно, захотите сделать то же самое. Я не знаю, как это сделать без редактирования кода.

Я столкнулся с той же проблемой в приложении, над которым я работаю. Я закомментировал эти строки из моего файла jQuery, чтобы предотвратить автоматическую установку фокуса на текстовое поле сразу после нажатия на значок моего календаря. Это сработало для моего приложения.

if ( $.datepicker._shouldFocusInput( inst ) ) {
    inst.input.focus();
}

У меня была минифицированная версия v1.11.4 и в jquery-ui.min.js я нашел два раза

datepicker._shouldFocusInput(t)&&t.input.focus()

Я удалил &&t.input.focus(), и все работает нормально.

Также могут быть интересны:

_shouldFocusInput:function(e){
  return e.input&&e.input.is(":visible")&&!e.input.is(":disabled")&&!e.input.is(":focus")
}

Все еще ищу исправление без изменения основных файлов...

Я испытал то же самое, когда клавиатура / клавиатуры всплывают, прежде чем я могу выбрать дату во время тестирования на мобильных устройствах. Я только что добавил атрибут readonly="true" внутри

However, be sure to edit CSS and specify cursor: pointer because it shows a question mark every time you hover in desktop view.

Я нашел обходной путь, отключив поле ввода с помощью jQuery перед открытием средства выбора даты и включив его через 100 мс:

$selected = $("#datepickerInput");
$selected.prop('disabled', true);
$selected.datepicker("show");
window.setTimeout(function () {
   $selected.prop('disabled', false);
}, 100);

Протестировано в Chrome, а также с Cordova на Android 5.1.1.