extjs - 如何让 GridPanel 在 ExtJS 4 中显示正确的时间？

Question

我有一个GridPanelExtJS 4。其中一列返回以下格式的时间戳：

1900-01-01 14:00:00.0

这是我的 JsonStore 中的专栏

{
    name: 'clockOut',
    mapping: 'clockOut',
    dateFormat: 'H:i A',
    type: 'date'
}

我只想显示该time部分，但我得到的只是一个空白列。当我删除时，type: 'data'我得到数据但采用上述格式。

有什么建议么？

谢谢

score 3 · Accepted Answer

您可以将渲染器添加到按您想要的方式格式化它的列：

{
 name: 'clockOut',
 mapping: 'clockOut',
 renderer: dateRenderer
}

然后是一个函数dateRenderer：

function dateRenderer(value, id, r) {
 var d = new Date(r.data['clockOut']);
 return d.format('H:i A');
}

score 1 · Accepted Answer

你甚至可以使用 ExtJS 内置的渲染器而不是定义你自己的函数：

renderer: Ext.util.Format.dateRenderer('H:i A')

2 回答 2