Jak zaimplementować DateFilter w AngularJS z przykładami



W tym artykule znajdziesz szczegółową i wszechstronną wiedzę na temat różnych sposobów implementacji DateFilter w AngularJS.

Czasami musimy sprawdzić datę z jakiegoś konkretnego powodu. Dzieje się tak, że czasami jest w naszym pożądanym formacie, a czasami nie. Więc w tym artykule omówimy DateFilter w w następującej kolejności:

Czym jest DateFilter w AngularJS?

Możemy użyć filtru daty AngularJS, aby przekonwertować datę na określony format. Domyślnym formatem daty w przypadku braku specyfikacji jest „d MMM rrrr”.





Składnia:

{date}



Należy zauważyć, że parametry strefy czasowej i formatu są opcjonalne.

WSPÓLNE WARTOŚCI UŻYTE W FORMACIE

  • „RRRR” - zdefiniuj rok ex. 2018



  • „YY” - zdefiniuj rok ex. 18

  • „Y” - zdefiniuj rok ex. 2018

  • „MMM” - zdefiniuj miesiąc np. Marsz

  • „MMM” - zdefiniuj miesiąc np. Zniszczyć

  • „MM” - zdefiniuj miesiąc np. 03

  • „Dd” - zdefiniuj dzień np. 08

  • 're' - zdefiniuj dzień np. 8

  • „Hh” - zdefiniuj godzinę w formacie AM / PM

  • „H” - zdefiniuj godzinę w formacie AM / PM

  • „Mm” - zdefiniuj minutę

  • „M” - zdefiniuj minutę

  • „Ss” - zdefiniuj drugie

  • „S” - zdefiniuj drugie

WSTĘPNIE ZDEFINIOWANE WARTOŚCI UŻYTE W FORMACIE

  • 'krótki' - odpowiednik „M / d / rr h: mm a”

  • 'średni' - odpowiednik „d MMM, y h: mm: ss a”

  • 'Krótka randka' - odpowiednik „M / d / rr” (6/8/18)

  • „MediumDate” - odpowiednik „MMM d, y” (7 kwietnia 2018 r.)

  • „LongDate” - odpowiednik „MMMM d, y” (7 kwietnia 2019 r.)

  • „FullDate” - odpowiednik „EEEE, MMMM d, y” (sobota, 7 kwietnia 2018)

  • 'krótki czas' - odpowiednik „h: mm a” (04:20)

  • „MediumTime” - odpowiednik „h: mm: ss a” (4:20:05)

PRZYKŁAD:

Filtr daty

{ dzisiaj }

var app = angular.module ('firstApp', [])

app.controller ('firstCntrl', function ($ scope) {

$ scope.today = nowa data ()

})

Wynik:

10.09.2019

PRZYKŁAD:

Aby wyświetlić czas w określonym formacie, używamy następującego kodu:

Filtr daty Ex

{date: 'mediumTime'}

var app = angular.module ('firstApp', [])

app.controller ('firstCntrl', function ($ scope) {

$ scope.today = nowa data ()

})

Wynik:

11:08:11

PRZYKŁAD:

Aby wyświetlić datę w określonym formacie, używamy następującego kodu:

Filtr daty Ex

Wszelkie Prawa Zastrzeżone | ichlese.at | Polityka Prywatności