title: Ipad + How to prevent the keyboard from popping up on jquery datepicker
body: <p>I want to disable the keyboard popup from my Ipad so I do something like this, but it's not as my wish.</p>
  
  <p>I have a text box: </p>
  
  <pre><code>&lt;h:inputText id="txtDate" value="#{myDateController.selected.DOB}"
  </code></pre>
  
  <p>I try to use "readonly" attribute but data can not save to the Database.
  I also use this: $("#frmEdit\:txtDate").attr("disabled", true) --> but it's not ok</p>
  
  <p>I searched on the web and applied my code with this link, but it's also not ok: <a href="https://stackoverflow.com/questions/3539292/ipad-web-application-how-do-i-prevent-the-keyboard-from-popping-up-on-jquery-da">ipad web application: How do I prevent the keyboard from popping up on jquery datepicker</a></p>
  
  <pre><code>$(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);
      }
  });
  });
  </code></pre>
  
  <p>What's wrong with my code ? or any other solution to do ?
  Many Thanks</p>