Как я могу заставить GridPanel показывать правильное время в ExtJS 4?

Question

У меня есть GridPanel с ExtJS 4. Один из столбцов возвращает отметку времени в следующем формате:

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