title: jqGrid and datepicker
body: <p>I've searched but I don't understand how to make this work...</p>
  
  <p>I want to use a date picker on Add Form...</p>
  
  <p>How can I do this .....</p>
  
  <p>Thank you</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>$(function () {
      $("#list").jqGrid({
          url: "bftri.php",
          datatype: "xml",
          mtype: "GET",
          colNames: ["id","Date", "Libelle", "Participant","Lieu","Format","Site","Type","Composition"],
          colModel: [
     { name: "id", width: 30},
              {name:'date', index:'date', label: 'Date', width: 80,editable: true }
          ],</code></pre>
  </div>
  </div>
  </p>
  
  <p>And i have beforeshowform..... </p>
  
  <pre><code>beforeShowForm: function(form) { 
      $('#tr_date', form).hide();
      $('#tr_libelle', form).hide();
      $('#tr_lieu', form).hide();
      $('#tr_format', form).hide();
      $('#tr_site', form).hide();
      $('#tr_type', form).hide();
      $('#tr_composition', form).hide();
   }
  </code></pre>