title: Integrating jquery datepicker into jsf
body: <p>I was following the examples <a href="http://jqueryui.com/demos/datepicker/#icon-trigger" rel="nofollow">here</a> and <a href="http://jqueryui.com/demos/datepicker/#icon-trigger" rel="nofollow">here</a> but I cann't bring it to work. Could you help me please?</p>
  
  <p>Here is where I define the script and below where I (suppose to) use it...</p>
  
  <pre><code>&lt;script&gt;
  $(function() {
      $( "#createDate" ).datepicker({
          showOn: "button",
          buttonImage: "images/calendar.gif",
          buttonImageOnly: true
      });
  });
  &lt;/script&gt;
  
  &lt;ui:define name="columnFilters"&gt;
      &lt;th&gt;
          &lt;h:inputText value="#{listModel.creationDate}" id="creationDate"
              valueChangeListener="#{listController.filterFieldChanged}"&gt;
              &lt;f:convertDateTime pattern="yyyy-mm-dd"/&gt;
          &lt;/h:inputText&gt;
      &lt;/th&gt;
      &lt;th&gt;
          &lt;h:inputText value="#{listModel.updateDate}" id="upateDate"
              valueChangeListener="#{listController.filterFieldChanged}"&gt;
              &lt;f:convertDateTime pattern="yyyy-mm-dd"/&gt;
          &lt;/h:inputText&gt;
      &lt;/th&gt;
      &lt;th&gt; &amp;nbsp; &lt;/th&gt;
  &lt;/ui:define&gt;
  </code></pre>