Ipad + Как предотвратить всплывающую клавиатуру в jquery datepicker

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

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

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

Я искал на web и применил мой код по этой ссылке, но это тоже не нормально:веб-приложение для 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);
    }
});
});

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