title: How to disable manual input for JQuery UI Datepicker field?
body: <p>I decided to use the JQuery UI Datepicker script for picking dates. Below is part of my code, and the way I integrated it into my PHP page:</p>
  
  <pre><code>&lt;link type="text/css" href="css/south-street/jquery-ui-1.8.6.custom.css" rel="stylesheet" /&gt;
  &lt;script type="text/javascript" src="js/jquery-1.4.2.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(function(){
      // Datepicker
      $('#datepicker').datepicker({ dateFormat: 'yy-mm-dd' });
      //hover states on the static widgets
      $('#dialog_link, ul#icons li').hover(
          function() { $(this).addClass('ui-state-hover'); }, 
          function() { $(this).removeClass('ui-state-hover'); }
      );
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>And:</p>
  
  <pre><code>    // date picker (embeds JQuery script)
  echo '&lt;label for="datepicker"&gt;Date: &lt;/label&gt;';
  echo '&lt;input type="text" name="datepicker" id="datepicker" /&gt;';
  echo '&lt;div id="datepicker"&gt;&lt;/div&gt;';
  </code></pre>
  
  <p>Pretty much according to the JQuery UI instructions.</p>
  
  <p>Now my question is: <em>how can I disable manual inputs in the text input field</em>? I only want the JQuery Datepicker script to be able to fill the text field. As far as I can see, the script currently prevents the user from entering any non-numerical characters into the text field, but any combination of numbers is allowed (therefore, gibberish like "95460829468" is allowed).</p>