Cómo implementar DateFilter en AngularJS con ejemplos



Este artículo le proporcionará un conocimiento detallado y completo de las diversas formas de implementar DateFilter en AngularJS.

A veces necesitamos verificar la fecha por alguna razón en particular. Lo que pasa es que a veces está en nuestro formato deseado y otras no. Entonces, en este artículo discutiremos DateFilter en en el siguiente orden:

¿Qué es DateFilter en AngularJS?

Podemos usar el filtro de fecha de AngularJS para convertir una fecha en un formato específico. El formato de fecha predeterminado cuando no hay ninguna especificación es 'MMM d, aaaa'.





Sintaxis:

{ fecha }



Cabe señalar que la zona horaria y los parámetros de formato son opcionales.

VALORES COMUNES UTILIZADOS EN FORMATO

  • 'YYYY' - definir año ex. 2018



  • ‘YY’ - definir año ex. 18

  • ‘Y’ - definir año ex. 2018

  • ‘MMMM’ - definir mes ex. marzo

  • ‘MMM’ - definir mes ex. mar

  • 'MM' - definir mes ex. 03

  • 'Dd' - definir día ex. 08

  • 're' - definir día ex. 8

  • 'S.S' - definir la hora en AM / PM

  • 'H' - definir la hora en AM / PM

  • 'Mm' - definir minuto

  • 'metro' - definir minuto

  • 'Ss' - definir segundo

  • 'S' - definir segundo

VALORES PREDEFINIDOS UTILIZADOS EN FORMATO

  • 'corto' - equivalente a 'M / d / aa h: mm a'

  • 'medio' - equivalente a 'MMM d, y h: mm: ss a'

  • 'Cita corta' - equivalente a 'M / d / aa' (8/6/18)

  • 'MediumDate' - equivalente a 'MMM d, y' (7 de abril de 2018)

  • 'LongDate' - equivalente a 'MMMM d, y' (7 de abril de 2019)

  • 'FullDate' - equivalente a 'EEEE, MMMM d, y' (sábado 7 de abril de 2018)

  • 'poco tiempo' - equivalente a 'h: mm a' (4:20 a. M.)

  • 'MediumTime' - equivalente a 'h: mm: ss a' (4:20:05 a. M.)

EJEMPLO:

Filtro de fecha

{ hoy }

var app = angular.module ('firstApp', [])

app.controller ('firstCntrl', function ($ scope) {

$ scope.today = nueva fecha ()

})

la cadena es mutable o inmutable en java

Salida:

10.09.2019

EJEMPLO:

Para mostrar la hora en un formato específico, utilizamos el siguiente código:

Filtro de fecha Ex

{fecha: 'mediumTime'}

var app = angular.module ('firstApp', [])

app.controller ('firstCntrl', function ($ scope) {

$ scope.today = nueva fecha ()

})

Salida:

11:08:11 a.m.

EJEMPLO:

Para mostrar la fecha en un formato específico, utilizamos el siguiente código:

Filtro de fecha Ex

Todos Los Derechos Reservados | ichlese.at | Política De Privacidad