ExtJs Grid面板中的日期格式

Question

如何在ExtJS Gridpanel列中顯示日期（具有時間日期）

請提供語法。

Answer 1

ExtJs提供了一個單獨的類來處理日期和它的格式。看看Date class。關於如何格式化給定的日期或時間有足夠的例子和解釋。

要根據您想要的格式呈現網格中的日期，您必須使用renderer方法。在你的日期列的配置，你需要添加的渲染方法如下：

renderer: function(date){ 
    // process you date to your required format and return it 
} 

重要的一點：從渲染方法會顯示到column.So返回值，一定要回到你的格式化的日期或時間。

Answer 2

1）創建模型

Ext.define('App.model.DataWithDate', { 
    extend: 'Ext.data.Model', 

    fields: [ 
//... 
     { 
      name: 'yourDate', 
      type: 'date', //or Ext.data.Types.DATE 
      dateFormat: 'time' //if you have standart json object with date value like timestamp 1387481693994 
     } 
//... 
    ] 
}); 

2）爲網格配置

{ 
    columns: [ 
     { 
      header: 'Date', 
      dataIndex: 'yourDate', 
      xtype:'datecolumn', 
      renderer: Ext.util.Format.dateRenderer('d/m/Y H:i') 
     } 
    ] 
} 

Answer 3

我做了如上的Kinjeiro顯示了類似的形式給出，但我不得不省略xtype:'datecolumn'爲了使其工作。

1. 型號

   this.store = new Ext.data.JsonStore({ 
        proxy:new Ext.data.ScriptTagProxy({ 
         url: "php/resource.php" 
        }), 
       root: 'result', 
       autoLoad: true, 
       fields: [ 
         {name:'Name',type:'string',mapping:'NAME'}, 
         {name:'Date',type:'date',dateFormat: 'd/m/Y H:i:s',mapping:'DT_ORDER'}, 
         ] 
   }); 
   

2. 電網配置

   { 
       columns: [ 
       { header:'<b>Name</b>',width:70,sortable:true,dataIndex:'NAME',align:'left'}, 
       { 
        header:'<b>Date</b>', 
        width:150, 
        sortable:true, 
        dataIndex:'DT_ORDER', 
       align:'left', 
       renderer: Ext.util.Format.dateRenderer('d/m/Y H:i:s') 
       } 
   ] 
   } 
   

：所以在我的情況與此代碼工作