So implementieren Sie DateFilter in AngularJS anhand von Beispielen



In diesem Artikel erhalten Sie detaillierte Informationen zu den verschiedenen Möglichkeiten zur Implementierung von DateFilter in AngularJS.

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

Alle Rechte Vorbehalten | ichlese.at | Datenschutz-Bestimmungen