Visualización de la hora en formato AM/PM con cuadrícula angular

Después de de esta extensa recopilación de datos pudimos solucionar esta interrogante que pueden tener muchos lectores. Te regalamos la solución y esperamos serte de mucha apoyo.

Solución:

Es sencillo, mira esto:

 field: 'createdOn', displayName: 'Created On', width: '180px', 
 cellTemplate: 
"
 date:'MM/dd/yy h:mm:ss a'
" ,

Eso es todo

Para obtener más detalles sobre el formato de fecha, consulte este

Sólo tenía que improvisar algunas cosas juntas. Primero, un filtro:

app.filter('ampmtime',
    function () 
        return function (value) 
            if (!value)  return ''; 
            var hours = new Date(value).getHours();
            var minutes = new Date(value).getMinutes();
            var ampm = hours >= 12 ? 'PM' : 'AM';
            hours = hours % 12;
            hours = hours ? hours : 12; // the hour '0' should be '12'
            minutes = minutes < 10 ? '0' + minutes : minutes;
            var strTime = hours + ':' + minutes + ' ' + ampm;
            return strTime;
        
    );

Luego, la llamada a la función en gridOptions:

 field: 'StartTime', displayName: 'Start Time', cellFilter: 'ampmtime',
field:'EndTime', displayName: 'End Time', cellFilter: 'ampmtime'

Y ya está todo listo.

Acabo de encontrar este mismo problema y encontré una solución más simple usando el filtro de fecha de angular. Solo necesitas cambiar tt a a, así

 field: 'StartTime', displayName: 'Start Time', cellFilter: 'date:'hh:mm a''

vea la referencia de angular para el filtro de fecha: https://docs.angularjs.org/api/ng/filter/date

Sección de Reseñas y Valoraciones

Puedes añadir valor a nuestra información tributando tu veteranía en las críticas.

---

---

Utiliza Nuestro Buscador