Uneori trebuie să verificăm data din orice motiv anume. Ceea ce se întâmplă este că uneori este în formatul nostru dorit și alteori nu. Deci, în acest articol vom discuta DateFilter în în următoarea ordine:
Ce este DateFilter în AngularJS?
Putem folosi filtrul de date AngularJS pentru a converti o dată într-un format specificat. Formatul de dată implicit atunci când nu există specificații este „MMM d, aaaa”.
Sintaxă:
{ Data }
Trebuie remarcat faptul că fusul orar și parametrii de format sunt opționali.
VALORI COMUNE UTILIZATE ÎN FORMAT
„AAAA” - definiți anul ex. 2018
„AA” - definiți anul ex. 18
„Y” - definiți anul ex. 2018
„MMM” - definiți luna ex. Martie
„MMM” - definiți luna ex. Mar
„MM” - definiți luna ex. 03
„Dd” - definesc ziua ex. 08
„D” - definesc ziua ex. 8
„Hh” - definiți ora în AM / PM
diferențele dintre html și xml
„H” - definiți ora în AM / PM
„Mm” - definiți minutul
'M' - definiți minutul
„Ss” - definiți al doilea
'S' - definiți al doilea
VALORI PREDEFINITE UTILIZATE ÎN FORMAT
'mic de statura' - echivalent cu „L / z / aa h: mm a”
'mediu' - echivalent cu „MMM d, y h: mm: ss a”
„ShortDate” - echivalent cu „L / z / aa” (8.06.18)
„Data medie” - echivalent cu „MMM d, y” (7 aprilie 2018)
„LongDate” - echivalent cu „MMMM d, y” (7 aprilie 2019)
„FullDate” - echivalent cu „EEEE, MMMM d, y” (sâmbătă, 7 aprilie 2018)
'timp scurt' - echivalent cu „h: mm a” (4:20 AM)
„MediumTime” - echivalent cu „h: mm: ss a” (4:20:05 AM)
EXEMPLU:
Data Filter
{ astăzi }
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', funcție ($ scope) {
$ scope.today = new Date ()
})
Ieșire:
10.09.2019
EXEMPLU:
Pentru a afișa ora într-un anumit format, folosim următorul cod:
Data Filter Ex
{data: 'mediumTime'}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', funcție ($ scope) {
$ scope.today = new Date ()
})
Ieșire:
11:08:11 AM
exemplu de aplicație mvc în java
EXEMPLU:
Pentru a afișa data într-un anumit format, folosim următorul cod:
Data Filter Ex
„https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js”>
{ astăzi}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', funcție ($ scope) {
$ scope.today = new Date ()
})
Ieșire:
10 septembrie 2019
Pentru o mai bună înțelegere, să aruncăm o privire la următorul exemplu:
EXEMPLU:
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', funcție ($ scope) {
$ scope.mydate = new Date ()
})
Introdu numarul:
Data cu expresie scurtă: {date: 'short'}
Data cu expresia mediumDate: {mydate}
Data cu aaaa-ll-zz hh: mm: ss expresie: {data mea}
Data cu aaaa-ll-zz hh: mm: ss expresie: {data mea}
Ieșire:
Cu aceasta, ajungem la sfârșitul acestui Datefilter în articolul AngularJS. Sper că ați înțeles diferitele aspecte ale Date FIlters.
cum se setează classpath în Windows
Cuită-te la de Edureka, o companie de învățare online de încredere, cu o rețea de peste 250.000 de elevi mulțumiți răspândiți pe tot globul. Angular este un cadru JavaScript care este utilizat pentru a crea aplicații web scalabile, de întreprindere și de performanță din partea clientului. Adoptarea cadrului angular fiind ridicată, managementul performanței aplicației este condus în mod indirect de comunitate, oferind oportunități de muncă mai bune. Instruirea privind certificarea angulară urmărește să acopere toate aceste noi concepte în jurul dezvoltării aplicațiilor pentru întreprinderi.