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

Question

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

1900-01-01 14:00:00.0

这是我的JsonStore专栏

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

我只想展示time部分，但我得到的只是一个空白列。 当我删除type: 'data'时，我会以上述格式获取数据。

有什么建议吗？

由于

Answer 1

您可以将渲染器添加到按您希望的方式格式化的列：

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

Answer 2

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

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