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>
Exemplo 2
Exibir data em formato personalizado:
<div ng-app="myApp" ng-controller="datCtrl"> <p>Data = {{ today | date : "dd.MM.y" }}</p> </div>
Exemplo 3
Exibir data usando formato pré-definido:
<div ng-app="myApp" ng-controller="datCtrl"> <p>Data = {{ today | date : "fullDate" }}</p> </div>
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>
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>
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:
O valor do formato pode ser um dos seguintes formatos pré-definidos:
|
Mesmo (9:05:05 AM) | timezone |