Como posso fazer com que um GridPanel mostre a hora correta no ExtJS 4?

Question

eu tenho um GridPanel com ExtJS 4.Uma das colunas retorna um carimbo de data/hora no seguinte formato:

1900-01-01 14:00:00.0

Esta é minha coluna do meu JsonStore

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

Eu só quero mostrar o time seção, mas tudo que recebo é uma coluna em branco.Quando eu removo o type: 'data' Eu recebo os dados, mas no formato acima.

Alguma sugestão?

Obrigado

Answer 1

Você pode adicionar um renderizador à coluna que a formate da maneira desejada:

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

E então uma função para dateRenderer:

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

Answer 2

Você pode até usar o renderizador integrado ExtJS em vez de definir sua própria função:

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