De vegades hem de comprovar la data per qualsevol motiu concret. El que passa és que de vegades es troba en el format desitjat i de vegades no. Així doncs, en aquest article parlarem de DateFilter a en l'ordre següent:
Què és DateFilter a AngularJS?
Podem utilitzar el filtre de data AngularJS per convertir una data en un format especificat. El format de data predeterminat quan no hi ha cap especificació és 'MMM d, aaaa'.
Sintaxi:
{ data }
Cal tenir en compte que la zona horària i els paràmetres de format són opcionals.
VALORS COMUNS UTILITZATS EN EL FORMAT
'AAAA' - defineix l'any ex. 2018
'YY' - defineix l'any ex. 18
'I' - defineix l'any ex. 2018
'MMMM' - defineix el mes ex. Març
'MMM' - defineix el mes ex. desfigurar
'MM' - defineix el mes ex. 03
'Dd' - defineix el dia ex. 08
'D' - defineix el dia ex. 8
'Hh' - definiu l’hora a AM / PM
ordre ascendent c ++
'H' - definiu l’hora a AM / PM
'Mm' - defineix el minut
'M' - defineix el minut
'Ss' - definir segon
'S' - definir segon
VALORS PREDEFINITS UTILITZATS EN EL FORMAT
'curt' - equivalent a 'M / d / aaa h: mm a'
'Mitjà' - equivalent a 'MMM d, y h: mm: ss a'
'Data curta' - equivalent a 'M / d / aa' (8/06/18)
'Data mitjana' - equivalent a 'MMM d, y' (7 d'abril de 2018)
'Data llarga' - equivalent a 'MMMM d, y' (7 d'abril de 2019)
'FullDate' - equivalent a 'EEEE, MMMM d, y' (dissabte 7 d'abril de 2018)
'temps curt' - equivalent a 'h: mm a' (4:20 AM)
'Temps mitjà' - equivalent a 'h: mm: ss a' (4:20:05 AM)
EXEMPLE:
Filtre de dates
{avui}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', funció ($ scope) {
$ scope.today = new Date ()
})
Sortida:
2019.09.10
EXEMPLE:
Per mostrar l'hora en un format específic, fem servir el codi següent:
Filtre de dates Ex
{date: 'mediumTime'}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', funció ($ scope) {
$ scope.today = new Date ()
})
Sortida:
11:08:11 AM
com crear una aplicació a Salesforce
EXEMPLE:
Per mostrar la data en un format específic, fem servir el codi següent:
Filtre de dates Ex
'Https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js'>
{avui}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', funció ($ scope) {
$ scope.today = new Date ()
})
Sortida:
Set 10, 2019
Per obtenir una millor comprensió, vegem l'exemple següent:
EXEMPLE:
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', funció ($ scope) {
$ scope.mydate = new Date ()
})
Introduïu el número:
Data amb expressió breu: {date: 'short'}
Data amb expressió MediumDate: {mydate}
Data amb aaaa-mm-dd hh: mm: ss expressió: {mydate}
Data amb aaaa-mm-dd hh: mm: ss expressió: {mydate}
Sortida:
Amb això, arribem al final d’aquest article de Datefilter a AngularJS. Espero que hagueu entès els diversos aspectes dels Data FIlters.
Quina diferència hi ha entre una classe abstracta i una interfície?
Cfes un cop d'ull al per Edureka, una empresa d'aprenentatge en línia de confiança amb una xarxa de més de 250.000 estudiants satisfets repartits per tot el món. Angular és un marc JavaScript que s’utilitza per crear aplicacions web escalables, empresarials i de rendiment al costat del client. Com que l’adopció de marc angular és elevada, la gestió del rendiment de l’aplicació es basa en la comunitat de manera indirecta i genera millors oportunitats laborals. La formació sobre certificació angular té com a objectiu cobrir tots aquests nous conceptes entorn del desenvolupament d'aplicacions empresarials.