¿Cómo puedo obtener una GridPanel para mostrar la hora correcta en ExtJS 4?

Question

Tengo un GridPanel con ExtJS 4.Una de las columnas devuelve una fecha en el siguiente formato:

1900-01-01 14:00:00.0

Esta es mi columna de mi JsonStore

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

Sólo quiero mostrar la time sección pero todo lo que obtiene es una columna en blanco.Cuando me quite la type: 'data' Puedo obtener los datos, pero en el formato anterior.

Alguna sugerencia?

Gracias

Answer 1

Se podría añadir un sistema de representación a la columna que los formatos de la forma que usted desea:

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

Y, a continuación, una función para dateRenderer:

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

Answer 2

Usted puede incluso utilizar ExtJS, construido en el renderizador en lugar de definir su propia función:

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