À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
'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js'>
{ hoje}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = new Date ()
})
Resultado:
10 de setembro de 2019
Para uma melhor compreensão, vamos dar uma olhada no seguinte exemplo:
EXEMPLO:
AngularJs Data 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 = new Date ()
})
Insira numeros:
Data com expressão curta: {date: 'short'}
Data com expressão mediumDate: {mydate}
Data com aaaa-mm-dd expressão hh: mm: ss: {mydate}
Data com aaaa-mm-dd expressão hh: mm: ss: {mydate}
Resultado:
Com isso, chegamos ao fim deste artigo Datefilter in AngularJS. Espero que você tenha entendido os vários aspectos dos filtros de data.
Cdiabos o pela Edureka, uma empresa de aprendizagem online confiável com uma rede de mais de 250.000 alunos satisfeitos espalhados por todo o mundo. Angular é uma estrutura JavaScript que é usada para criar aplicativos da web escaláveis, corporativos e de desempenho do lado do cliente. Como a adoção da estrutura Angular é alta, o gerenciamento de desempenho do aplicativo é conduzido pela comunidade, gerando indiretamente melhores oportunidades de trabalho. O Angular Certification Training visa cobrir todos esses novos conceitos em torno do Enterprise Application Development.