Ipad + Как предотвратить появление клавиатуры на jquery datepicker

Я хочу отключить всплывающее окно клавиатуры с моего Ipad, поэтому я делаю что-то подобное, но это не так, как я хочу.

У меня есть текстовое поле:

<h:inputText id="txtDate" value="#{myDateController.selected.DOB}"

Я пытаюсь использовать атрибут "readonly", но данные не могут быть сохранены в базе данных. Я также использую это: $( "# frmEdit \: txtDate" ). Attr ( "disabled", true) → но это не нормально

Я искал в Интернете и применял мой код с помощью этой ссылки, но это также не нормально: ipad веб-приложение: как я могу предотвратить появление клавиатуры на jquery datepicker

$(function() {
  //$("#frmEdit\\:txtDate").attr("disabled", true)
    $("#frmEdit\\:txtDate").datetimepicker({
     // showOn: "button"
        showOn: "both",   
        buttonImage: "../images/calendar.png",
        buttonImageOnly: true,
        constrainInput: true,
        showButtonPanel: true,         
        dateFormat: 'dd-M-yy',
        addSliderAccess: true,
        sliderAccessArgs: { touchonly: false },
    onClose: function(dateText, inst){ 
        $(this).attr("disabled", false);
    },
    beforeShow: function(input, inst){
        $(this).attr("disabled", false);
    }
});
});

Что случилось с моим кодом? или любое другое решение? Большое спасибо

Ответ 1

Вы пытались отключить поле ввода с помощью HTML (добавив disabled="disabled")?

Ответ 2

В HTML есть опция, позволяющая делать такие вещи:

readonly="true"

Добавьте это в свой элемент поля ввода. Он будет сортировать "отключить" поле ввода, но все же запускает события, когда что-то делается с ним (например, щелчок по нему).

Ознакомьтесь с W3Schools Readonly Attribute для получения дополнительной информации.

Ответ 3

Как мне удалось справиться с этой проблемой, заставив браузер подумать, что пользователь размыл вход, поэтому он скрывает клавиатуру, прежде чем она успеет показать:

$('blabla')
    .datepicker(
    {
        /* options */
    })
    .on('focus',function()
    {
        $(this).trigger('blur');
    });

Хорошо работает для меня, где многие другие решения, которые я нашел, не сделали!

Ответ 4

Правильный ответ имеет тенденцию быть самым простым.

readonly="true"

Является ли решение