Filtro date do AngularJS

Definição e uso

data O filtro formata a data no formato especificado.

A data pode ser um objeto de data, um número em milissegundos ou uma string de data e hora, como "2016-01-05T09:05:05.035Z".

Por padrão, o formato é "MMM d, y" (Jan 5, 2016).

Páginas relacionadas

Tutorial AngularJS:Filtros Angular

Exemplo

Exemplo 1

Exibir números no formato de data:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Data = {{ today | date }}</p>
</div>

Experimente você mesmo

Exemplo 2

Exibir data em formato personalizado:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Data = {{ today | date : "dd.MM.y" }}</p>
</div>

Experimente você mesmo

Exemplo 3

Exibir data usando formato pré-definido:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Data = {{ today | date : "fullDate" }}</p>
</div>

Experimente você mesmo

Exemplo 4

Exibir combinação de texto e formato pré-definido da data:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Data = {{ today | date : "'today is ' MMMM d, y" }}</p>
</div>

Experimente você mesmo

Exemplo 5

Passar a data como uma string de data-hora:

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

Experimente você mesmo

Sintaxe

{{ data | data : format : Mesmo (9:05:05 AM) }}

Parâmetro

Parâmetro Descrição
format

Opcional. Usado para formatar a data para exibição, pode ser um dos seguintes itens ou combinações:

  • "yyyy" Ano (2016)
  • "yy" Ano (16)
  • "y" Ano (2016)
  • "MMMM" Mês (January)
  • "MMM" Mês (Jan)
  • "MM" Mês (01)
  • "M" Mês (1)
  • "dd" Data (06)
  • "d" Data (6)
  • "EEEE" Dia da semana (Tuesday)
  • "EEE" Dia da semana (Tue)
  • "HH" Horas, de 00 a 23 (09)
  • "H" Horas de 0 a 23 (9)
  • "hh" Horas em AM/PM, de 00 a 12 (09)
  • "h" Horas em AM/PM, de 0 a 12 (9)
  • "mm" Minutos (05)
  • "m" Minutos (5)
  • "ss" Segundos (05)
  • "s" Segundos (5)
  • "sss" Milissegundos (035)
  • "a" (AM/PM)
  • "Z" Fuso horário (-1200 até +1200)
  • "ww" Semana (00-53)
  • "w" Semana (0-53)
  • "G" Anno Domini
  • "GG" Anno Domini
  • "GGG" Anno Domini
  • "GGGG" Anno Domini

O valor do formato pode ser um dos seguintes formatos pré-definidos:

  • "short" "mediumTime" "M/d/yy h:mm a" 相同 (1/5/16 9:05 AM)
  • "medium" "mediumTime" "medium" "MMM d, y h:mm:ss a"
  • Mesmo (Jan 5, 2016 9:05:05 AM) "mediumTime" "shortDate" "M/d/yy"
  • Mesmo (1/5/16) "mediumTime" "mediumDate" "MMM d, y"
  • Mesmo (Jan 5, 2016) "mediumTime" "longDate" "MMMM d, y"
  • Mesmo (January 5, 2016) "mediumTime" "fullDate" "EEEE, MMMM d, y"
  • Mesmo (Tuesday, January 5, 2016) "mediumTime" "shortTime" "h:mm a"
  • Mesmo (9:05 AM) "mediumTime" Com "h:mm:ss a"
Mesmo (9:05:05 AM) timezone