网格面板中的ExtJs日期格式

如何在ExtJS Gridpanel列中显示日期（日期和时间）

---

请提供语法。

ExtJs提供了一个单独的类来处理日期及其格式。看一看。关于如何设置给定日期或时间的格式，有足够的示例和说明

要根据所需格式在网格中渲染日期，必须使用

渲染器

方法。在日期列配置中，需要添加渲染器方法，如下所示：

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

要点：渲染器方法的返回值显示在列上。因此，请确保返回格式化的日期或时间。

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')
        }
    ]
}

---

我做了一个类似于上面Kinjeiro所展示的方法，但是我必须省略

xtype:'datecolumn'

，以使其工作。因此，在我的例子中，它使用以下代码：

模型

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'},
            ]
});

网格配置

{
  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')
    }
 ]
}

{
栏目：[
{标题：'Name'，宽度：70，可排序：true，数据索引：'Name'，对齐：'left'}，
{
标题：'Date'，
宽度：150，
可排序：是的，
数据索引：'DT_顺序'，
对齐：'左'，
渲染器：Ext.util.Format.dateRenderer（'d/m/Y H:i:s'））
}
]
}