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);
    }
});
});

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

Ответы

readonly="true"

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