Come ottenere datepicker nella barra degli strumenti di ricerca jqGrid?

Question

Voglio avere datepicker nei campi di testo di ricerca ed eventualmente anche nei campi di modifica di un jqgrid.

C'è qualche modo?

Qualcuno ha usato tale combinazione? Datepicker con jqGrid?

Answer 1

ho trovato il modo:

Si è nascosto da qualche parte nel profondo della documentazione:

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:search_config

Answer 2

si farà in seguito nella definizione del campo,

colModel: [{ name: 'Start', index: 'Start', searchoptions: { sopt: ['eq', 'ne'], 
dataInit: function (elem) { $(elem).datepicker({ showButtonPanel: true }) } } }, 

Answer 3

colModel:[ 
    { name: "DateFrom", width: 110, index: 'DateFrom', search: true, 
     searchoptions: {  dataInit: function(el) { 
      $(el).datepicker({ 
       changeYear: true, 
       changeMonth: true, 
       showButtonPanel: true, 
       dateFormat: 'dd-mm-yy' 
      }); 
     } 
     } 
    } 
] 

Answer 4

Try :

{ name: 'AWBDate', index: 'AWBDate', width: 90, align: 'left', editable: false, formatter: 'date',search: true, 

      formatoptions: { 
       srcformat: 'd/m/Y H:i:s', 
       newformat: 'd/m/Y' 
      }, 
      sorttype:"date", 
      searchoptions: { 
       sopt: ['eq'], 
       dataInit: function (elem) { 
        $(elem).datepicker({ 
         dateFormat: 'dd/mm/yy', 
         changeYear: true, 
         changeMonth: true,        
         showWeek: true, 
         onSelect: function (dateText, inst) { 
          setTimeout(function() { 
           $('#jQGridapproval')[0].triggerToolbar(); 
          }, 100); 
         } 
        }); 
       } 
      } 
     }, 

Answer 5

Questo codice ha funzionato per me.

colModel: [ 
    { 
     name: 'created_at', 
     index: 'Creation Date', 
     search: true, 
     searchoptions: { 
      sopt: ['eq'], 
      dataInit: function(e) { 
       $(e).datepicker({ 
         dateFormat: 'yy-mm-dd' 
        }) 
        .change(function() { 
         $("#list2")[0].triggerToolbar(); 
        }); 
      } 
     } 
    }, 
] 

$("#list2") è il selettore di tabella jqgrid.