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
'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js'>
{ hoy}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = nueva fecha ()
})
Salida:
Sep 10, 2019
Para una mejor comprensión, echemos un vistazo al siguiente ejemplo:
EJEMPLO:
AngularJs Fecha Ex
src = 'http: //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
var app = angular.module ('firstApp', [])
app.controller ('firstctrl', function ($ scope) {
$ scope.mydate = nueva fecha ()
})
Ingresar número:
Fecha con expresión corta: {fecha: 'corta'}
Fecha con expresión mediumDate: {mydate}
Fecha con yyyy-mm-dd hh: mm: ss expresión: {mydate}
Fecha con yyyy-mm-dd hh: mm: ss expresión: {mydate}
Salida:
Con esto, llegamos al final de este artículo de Datefilter en AngularJS. Espero que haya entendido los distintos aspectos de los filtros de fecha.
Cdiablos el por Edureka, una empresa de aprendizaje en línea de confianza con una red de más de 250.000 alumnos satisfechos repartidos por todo el mundo. Angular es un marco de JavaScript que se utiliza para crear aplicaciones web del lado del cliente escalables, empresariales y de rendimiento. Dado que la adopción del marco Angular es alta, la gestión del rendimiento de la aplicación está impulsada por la comunidad, lo que genera mejores oportunidades laborales. La capacitación en certificación angular tiene como objetivo cubrir todos estos nuevos conceptos en torno al desarrollo de aplicaciones empresariales.