2016-05-05 8 views
0

Jungs, ich bin mit jqGrid und ich habe ein Datum, das seine Daten aus JSON-Objekt wie dies geschieht ..Datumsformat in jqGrid

var data = { 
 
    \t \t "rows":[ 
 
    \t \t \t \t {"OrderID":"10248","Date":"1996-07-04","time":"16:22","ShipName":"Vins et alcools","CustomerID":"WILMK"}, 
 
    \t \t \t \t {"OrderID":"10249","Date":"1996-07-05","time":"17:00","ShipName":"Toms Spezialit\u00e4ten","CustomerID":"TRADH"}, 
 
    \t \t \t \t {"OrderID":"10250","Date":"1996-07-08","time":"17:09","ShipName":"Hanari Carnes","CustomerID":"HANAR"}, 
 
    \t \t \t ]}

und ich es so in jsp-Datei definieren

 { label: 'Date', name: 'Date', width: 150 , 
          editable: true, 
          edittype:"text", 
          editoptions: { 
           autoclose: true, 
           autoOpen: false, 
           format: 'yyyy-mm-dd', 
           orientation : 'auto bottom', 
           dataInit : function (elem) { 
            setTimeout(function(){ 
             $(elem).datepicker({ showOn: 'focus' }); 
            },10); 
           }, 
          }, 
         }, 

so zum Beispiel ist das Datum 1996-07-04 und wenn ich es bearbeiten gibt es mir 05/30/1904 .. jede Hilfe ??

Antwort

0

Das Problem ist, dass Sie im Spaltenmodell nicht formatter = "date" haben, ohne dass das Format, das Sie im Raster angeben, bedeutungslos ist. Der Grund dafür, dass es nicht bearbeitet wird, ist, dass es als String angenommen wird und es dort genauso wie beim json platziert wird.

wird das das Update

sein

hinzufügen Formatierer und formatoptions auf die Säulen-Modell und Datumsformat zum Picker Datum wie

{ label: 'Date', 
     name: 'Date', 
     width: 150 , 
     editable: true, 
     edittype:"text", 

     // add the two lines below     
     formatter: "date", 
     formatoptions: { newformat: "yyyy-mm-dd" }, 

     editoptions: { 
     autoclose: true, 
     autoOpen: false, 
    // format: 'yyyy-mm-dd', Commented it no need 
     orientation : 'auto bottom', 
     dataInit : function (elem) { 
     setTimeout(function(){ 
     $(elem).datepicker({ showOn: 'focus', 
      dateFormat: 'yyyy-mm-dd' }); 
      },10);}, }, 
       }, 
folgt