Filtro de fecha de AngularJS

Definición y uso

fecha El filtro formatea la fecha en el formato especificado.

La fecha puede ser un objeto de fecha, un número de milisegundos o una cadena de fecha y hora, como "2016-01-05T09:05:05.035Z".

Por defecto, el formato es "MMM d, y" (Jan 5, 2016).

Páginas relacionadas

Tutoriales de AngularJS:Filtros de Angular

Ejemplo

Ejemplo 1

Mostrar números en formato de fecha:

<div ng-app="miApp" ng-controller="ctrlFecha">
<p>Date = {{ today | date }}</p>
</div>

Prueba personalmente

Ejemplo 2

Mostrar fecha con formato personalizado:

<div ng-app="miApp" ng-controller="ctrlFecha">
<p>Fecha = {{ hoy | fecha : "dd.MM.y" }}</p>
</div>

Prueba personalmente

Ejemplo 3

Mostrar fecha usando formato predefinido:

<div ng-app="miApp" ng-controller="ctrlFecha">
<p>Fecha = {{ hoy | fecha : "fullDate" }}</p>
</div>

Prueba personalmente

Ejemplo 4

Mostrar una combinación de texto y formato predefinido de fecha:

<div ng-app="miApp" ng-controller="ctrlFecha">
<p>Fecha = {{ hoy | fecha : "'hoy es ' MMMM d, y" }}</p>
</div>

Prueba personalmente

Ejemplo 5

Presentar la fecha como una cadena de fecha y hora:

<div ng-app="">
<p>Fecha = {{ "2016-01-05T09:05:05.035Z" | fecha }}</p>
</div>

Prueba personalmente

Sintaxis

{{ fecha | fecha : formato : timezone }}

Parámetros

Parámetros Descripción
formato

Opcional. Usado para mostrar el formato de fecha de la fecha, que puede ser uno o más de los siguientes:

  • "yyyy" Año (2016)
  • "yy" Año (16)
  • "y" Año (2016)
  • "MMMM" Mes (January)
  • "MMM" Mes (Jan)
  • "MM" Mes (01)
  • "M" Mes (1)
  • "dd" Fecha (06)
  • "d" Fecha (6)
  • "EEEE" Día de la semana (Tuesday)
  • "EEE" Día de la semana (Tue)
  • "HH" Hora, 00-23 (09)
  • "H" Hora 0-23 (9)
  • "hh" Hora en AM/PM, 00-12 (09)
  • "h" Hora en AM/PM, 0-12 (9)
  • "mm" Minuto (05)
  • "m" Minuto (5)
  • "ss" Segundo (05)
  • "s" Segundo (5)
  • "sss" Milisegundo (035)
  • "a" (AM/PM)
  • "Z" Zona horaria (-1200 hasta +1200)
  • "ww" Semana (00-53)
  • "w" Semana (0-53)
  • "G" Año (AD)
  • "GG" Año (AD)
  • "GGG" Año (AD)
  • "GGGG" Año (Anno Domini)

El valor de formato también puede ser uno de los siguientes formatos predefinidos:

  • "corto" Con "M/d/yy h:mm a" Igual (1/5/16 9:05 AM)
  • "medium" Con "MMM d, y h:mm:ss a" Igual (Jan 5, 2016 9:05:05 AM)
  • "shortDate" Con "M/d/yy" Igual (1/5/16)
  • "mediumDate" Con "MMM d, y" Igual (Jan 5, 2016)
  • "longDate" Con "MMMM d, y" Igual (January 5, 2016)
  • "fullDate" Con "EEEE, MMMM d, y" Igual (Tuesday, January 5, 2016)
  • "shortTime" Con "h:mm a" Igual (9:05 AM)
  • "mediumTime" Con "h:mm:ss a" Igual (9:05:05 AM)
timezone Opcional. Usado para formatear la zona horaria de la fecha.