Manchmal müssen wir das Datum aus einem bestimmten Grund überprüfen. Was passiert ist, dass es manchmal in unserem gewünschten Format ist und manchmal nicht. In diesem Artikel werden wir DateFilter in diskutieren in der folgenden Reihenfolge:
Was ist DateFilter in AngularJS?
Wir können den AngularJS-Datumsfilter verwenden, um ein Datum in ein bestimmtes Format zu konvertieren. Das Standard-Datumsformat, wenn keine Spezifikation vorhanden ist, lautet 'MMM TT, JJJJ'.
Syntax:
{ Datum }
Es ist zu beachten, dass die Zeitzonen- und Formatparameter optional sind.
GEMEINSAME WERTE IM FORMAT
‘JJJJ’ - Jahr ex definieren. 2018
'YY' - Jahr ex definieren. 18
'Y' - Jahr ex definieren. 2018
'MMM' - Monat ex definieren. März
'MMM' - Monat ex definieren. Beschädigen
'MM' - Monat ex definieren. 03
'Dd' - Tag ex definieren. 08
'D' - Tag ex definieren. 8
'Hh' - Stunde in AM / PM definieren
'H' - Stunde in AM / PM definieren
'Mm' - Minute definieren
'M' - Minute definieren
'Ss' - Zweitens definieren
Wie benutzt man Java Iterator?
'S' - Zweitens definieren
VORFESTGELEGTE WERTE IM FORMAT
'kurz' - entspricht 'M / t / jj h: mm a'
'Mittel' - entspricht 'MMM d, y h: mm: ss a'
'Kurzes Date' - entspricht „M / t / jj“ (08.06.18)
'MediumDate' - entspricht „MMM d, y“ (7. April 2018)
'LongDate' - entspricht „MMMM d, y“ (7. April 2019)
'FullDate' - entspricht „EEEE, MMMM d, y“ (Samstag, 7. April 2018)
'kurze Zeit' - entspricht 'h: mm a' (4:20 Uhr)
'MediumTime' - entspricht 'h: mm: ss a' (4:20:05 Uhr)
BEISPIEL:
Datumsfilter
{ heute }
var app = angle.module ('firstApp', [])
app.controller ('firstCntrl', Funktion ($ scope) {
$ scope.today = neues Datum ()
})
Ausgabe:
10.09.2019
BEISPIEL:
Um die Zeit in einem bestimmten Format anzuzeigen, verwenden wir den folgenden Code:
Datumsfilter Bsp
{Datum: 'mediumTime'}
var app = angle.module ('firstApp', [])
app.controller ('firstCntrl', Funktion ($ scope) {
$ scope.today = neues Datum ()
})
Ausgabe:
11:08:11 Uhr
BEISPIEL:
Um das Datum in einem bestimmten Format anzuzeigen, verwenden wir den folgenden Code:
Datumsfilter Bsp
'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js'>
{ heute}
var app = angle.module ('firstApp', [])
app.controller ('firstCntrl', Funktion ($ scope) {
$ scope.today = neues Datum ()
})
Ausgabe:
10. September 2019
Schauen wir uns zum besseren Verständnis das folgende Beispiel an:
BEISPIEL:
AngularJs Datum Bsp
src = 'http: //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
var app = angle.module ('firstApp', [])
app.controller ('firstctrl', Funktion ($ scope) {
$ scope.mydate = neues Datum ()
})
Nummer eingeben:
Datum mit kurzem Ausdruck: {Datum: 'kurz'}
Datum mit MediumDate-Ausdruck: {mydate}
Datum mit JJJJ-MM-TT HH: MM: SS-Ausdruck: {MyDatum}
Datum mit JJJJ-MM-TT HH: MM: SS-Ausdruck: {MyDatum}
Ausgabe:
Damit sind wir am Ende dieses Datumsfilters in AngularJS angelangt. Ich hoffe, Sie haben die verschiedenen Aspekte von Datumsfiltern verstanden.
C.verdammt noch mal von Edureka, einem vertrauenswürdigen Online-Lernunternehmen mit einem Netzwerk von mehr als 250.000 zufriedenen Lernenden auf der ganzen Welt. Angular ist ein JavaScript-Framework, mit dem skalierbare, unternehmens- und leistungsbasierte clientseitige Webanwendungen erstellt werden. Da die Akzeptanz des Angular-Frameworks hoch ist, wird das Leistungsmanagement der Anwendung von der Community gesteuert, was indirekt zu besseren Beschäftigungsmöglichkeiten führt. Das Angular Certification Training zielt darauf ab, all diese neuen Konzepte rund um die Entwicklung von Unternehmensanwendungen abzudecken.