Időnként bármilyen okból ellenőriznünk kell a dátumot. Az történik, hogy néha a kívánt formátumban van, és néha nem. Tehát ebben a cikkben a DateFilterről lesz szó a következő sorrendben:
Mi az a DateFilter az AngularJS-ben?
Használhatjuk az AngularJS dátumszűrőt egy dátum meghatározott formátumra konvertálásához. Az alapértelmezett dátumformátum, ha nincs megadva, „MMM d, yyyy”.
Szintaxis:
{dátum}
Meg kell jegyezni, hogy az időzóna és a formátum paraméterek nem kötelezőek.
A FORMÁTUMBAN HASZNÁLT KÖZÖS ÉRTÉKEK
„ÉÉÉÉ” - meghatározza az évet pl. 2018
„YY” - meghatározza az évet pl. 18
„Y” - meghatározza az évet pl. 2018
„MMM” - határozza meg a hónapot. március
„MMM” - határozza meg a hónapot. Márc
„MM” - határozza meg a hónapot. 03
„Dd” - határozza meg a nap ex. 08
„D” - határozza meg a nap ex. 8.
’Hh’ - meghatározza az órát AM / PM-ben
„H” - meghatározza az órát AM / PM-ben
„Mm” - határozza meg a percet
„M” - határozza meg a percet
’Ss’ - határozza meg a második
hogyan lehet létrehozni a teljesítmény bi irányítópultot
’S’ - határozza meg a második
A FORMÁTUMBAN HASZNÁLT ELŐZETES ÉRTÉKEK
'rövid' - egyenértékű a „H / H / éé h: mm a” értékkel
'közepes' - egyenértékű: „MMM d, y h: mm: ss a”
'ShortDate' - egyenértékű az „é / h / éé” -vel (18.06.08.)
„MediumDate” - egyenértékű az „MMM d, y” értékkel (2018. április 7.)
'LongDate' - egyenértékű „MMMM d, y” (2019. április 7.)
„FullDate” - egyenértékű az „EEEE, MMMM d, y” értékkel (2018. április 7., szombat)
'rövid idő' - egyenértékű a „h: mm a” (4:20 AM)
„MediumTime” - egyenértékű a „h: mm: ss a” (4:20:05 AM)
PÉLDA:
Dátumszűrő
{ Ma }
var app = szögletes.modul ('firstApp', [])
app.controller ('firstCntrl', function ($ hatókör) {
$ scope.today = új dátum ()
})
Kimenet:
2019.09.10
PÉLDA:
Az idő meghatározott formátumban történő megjelenítéséhez a következő kódot használjuk:
Dátumszűrő Pl
{dátum: 'mediumTime'}
var app = szögletes.modul ('firstApp', [])
app.controller ('firstCntrl', function ($ hatókör) {
$ scope.today = új dátum ()
})
Kimenet:
11:08:11 AM
PÉLDA:
A dátum meghatározott formátumban történő megjelenítéséhez a következő kódot használjuk:
Dátumszűrő Pl
'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js'>
{ Ma}
var app = szögletes.modul ('firstApp', [])
app.controller ('firstCntrl', function ($ hatókör) {
$ scope.today = új dátum ()
})
Kimenet:
2019. szeptember 10
A jobb megértés érdekében vessünk egy pillantást a következő példára:
PÉLDA:
AngularJs Dátum Ex
src = 'http: //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
var app = szögletes.modul ('firstApp', [])
app.controller ('firstctrl', function ($ hatókör) {
$ scope.mydate = új dátum ()
})
Írja be a számot:
Dátum rövid kifejezéssel: {date: 'short'}
Dátum mediumDate kifejezéssel: {mydate}
Dátum éééé-hh-nn óra ó: pp: ss kifejezéssel: {mydate}
Dátum éééé-hh-nn óra ó: pp: ss kifejezéssel: {mydate}
Kimenet:
Ezzel a Datefilter in AngularJS című cikkének végéhez értünk. Remélem, megértette a Date FIlters különféle aspektusait.
Ca fenébe az Edureka, egy megbízható online tanulási vállalat, amelynek több mint 250 000 elégedett tanulóval rendelkező hálózata elterjedt az egész világon. Az Angular egy JavaScript keretrendszer, amelyet méretezhető, vállalati és teljesítményű kliensoldali webalkalmazások létrehozására használnak. Mivel az Angular framework elfogadása magas, az alkalmazás teljesítménymenedzsmentje a közösség által vezérelt, közvetetten jobb munkalehetőségeket jelent. Az Angular Certification Training célja ezeknek az új koncepcióknak az áttekintése az Enterprise Application Development körül.