title: How to Show jQuery DatePicker on button click?
body: <p>Hi I saw a tutorial about creating a datepicker using an image. Ive copied and pasted the exact codes (except for the image path)  but the calendar image does not show., can anyone help me please .. :D</p>
  
  <p>here is the code</p>
  
  <pre><code>   &lt;HTML&gt;
  &lt;HEAD&gt;
  
  &lt;style type="text/css"&gt;
  body
  {
      font-size: 10pt;
  }
  
  &lt;/style&gt;
  
  
  &lt;script type="text/javascript"&gt; 
  
  $(document).ready(function() {
  
      $("#txtDate").datepicker({
          showOn: 'button',
          buttonText: 'Show Date',
          buttonImageOnly: true,
          buttonImage: 'calendar.jpg',
          dateFormat: 'dd/mm/yy',
          constrainInput: true
      });
  
      $(".ui-datepicker-trigger").mouseover(function() {
          $(this).css('cursor', 'pointer');
      });
  
  });
  
  &lt;/script&gt;
  
  
  &lt;/HEAD&gt;
  &lt;BODY&gt;
  &lt;input type='text' id='txtDate' /&gt;
  
  &lt;/BODY&gt;
  &lt;/HTML&gt;
  </code></pre>