title: Date-picker in jqGrid, simple example?
body: <p>Does anyone know of an example of adding the jquery UI DatePicker (or some other perhaps) in the jqGrid? I'm trying to get it to work for an inline edit grid.</p>
  
  <p>I have found a few examples, but nothing works. I would like something really simple!</p>
  
  <p>My Grid setup (don't know if it's nessecary for this question):</p>
  
  <pre><code>    $(function () {
      var lastsel;
      $("#list").jqGrid({
          url: '@Url.Action("ExampleData", "Home")',
          datatype: 'json',
          mtype: 'GET',
          colNames: ['Namn', 'Födelsedag', 'Adress', 'Stad'],
          colModel: [
            { name: 'Name', index: 'Name', width: 130, editable: true },
            { name: 'Birthday', index: 'Birthday', width: 80, editable: true },
            // DatePicker for birthday 
  
            { name: 'Address', index: 'Address', width: 180, editable: true },
            { name: 'City', index: 'City', width: 80, editable: true },
          ],
          pager: '#pager',
          rowNum: 10,
          rowList: [10, 20, 30],
          sortname: 'Name',
          sortorder: 'desc',
          viewrecords: true,
          gridview: true,
          width: 700,
          onSelectRow: function (id) {
              if (id &amp;&amp; id !== lastsel) {
                  jQuery('#list').jqGrid('saveRow', lastsel);
                  jQuery('#list').jqGrid('editRow', id, true);
                  lastsel = id;
              }
          },
          editurl: '@Url.Action("Incoming", "Home")',
          caption: 'Kontaktpersoner'
      });
  
      jQuery("#list").jqGrid('navGrid', "#pager", { edit: false, add: false, del: true });
      jQuery("#list").jqGrid('inlineNav', "#pager");
  </code></pre>