Como implementar DateFilter em AngularJS com exemplos



Este artigo fornecerá a você um conhecimento detalhado e abrangente das várias maneiras de implementar o DateFilter no AngularJS.

Às vezes, precisamos verificar a data por algum motivo específico. O que acontece é que às vezes está no formato desejado e às vezes não. Portanto, neste artigo, discutiremos DateFilter em na seguinte Ordem:

O que é DateFilter no AngularJS?

Podemos usar o filtro de data AngularJS para converter uma data em um formato específico. O formato de data padrão quando não há especificação é ‘MMM d, aaaa’.





Sintaxe:

{ encontro }



Deve-se observar que os parâmetros de fuso horário e formato são opcionais.

VALORES COMUNS USADOS NO FORMATO

  • ‘AAAA’ - definir ano ex. 2018



    analisando um arquivo xml em java
  • 'YY' - definir ano ex. 18

  • 'Y' - definir ano ex. 2018

  • 'MMM' - definir mês ex. Março

  • ‘MMM’ - definir mês ex. Mar

  • 'MILÍMETROS' - definir mês ex. 03

  • ‘Dd’ - definir dia ex. 08

  • ‘D’ - definir dia ex. 8

  • ‘Hh’ - definir hora em AM / PM

  • ‘H’ - definir hora em AM / PM

  • 'milímetros' - definir minuto

  • 'M' - definir minuto

  • 'Ss' - definir segundo

  • 'S' - definir segundo

VALORES PREDEFINIDOS USADOS NO FORMATO

  • 'curto' - equivalente a “M / d / aa h: mm a”

  • 'médio' - equivalente a “MMM d, y h: mm: ss a”

  • 'Encontro curto' - equivalente a “M / d / aa” (6/8/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)

  • 'tempo curto' - equivalente a “h: mm a” (4:20 AM)

  • “MediumTime” - equivalente a “h: mm: ss a” (4:20:05 AM)

EXEMPLO:

Filtro de Data

{ hoje }

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

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

$ scope.today = new Date ()

})

Resultado:

09/10/2019

EXEMPLO:

Para exibir a hora em um formato específico, usamos o seguinte código:

Filtro de Data Ex

{data: 'mediumTime'}

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

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

$ scope.today = new Date ()

})

Resultado:

11:08:11

EXEMPLO:

Para exibir a data em um formato específico, usamos o seguinte código:

Filtro de Data Ex

Todos Os Direitos Reservados | ichlese.at | Política De Privacidade