我怎样才能得到一个GridPanel在ExtJS4中显示正确的时间？

Question

我有一个 GridPanel 用ExtJS4。其中一列返回以下格式的时间戳:

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

您甚至可以使用renderer中内置的ExtJS，而不是定义自己的函数:

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