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
„https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js”>
{ dzisiaj}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = nowa data ()
})
Wynik:
10 września 2019
Dla lepszego zrozumienia spójrzmy na następujący przykład:
PRZYKŁAD:
AngularJs Date Ex
src = 'http: //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
isa i hasa w Javie
var app = angular.module ('firstApp', [])
app.controller ('firstctrl', function ($ scope) {
$ scope.mydate = nowa data ()
})
Wpisz numer:
Data z krótkim wyrażeniem: {date: 'short'}
Data z wyrażeniem mediumDate: {mydate}
Data z rrrr-mm-dd gg: mm: ss wyrażenie: {moja data}
Data z rrrr-mm-dd gg: mm: ss wyrażenie: {moja data}
Wynik:
Tym samym dochodzimy do końca tego artykułu Datefilter w AngularJS. Mam nadzieję, że zrozumiałeś różne aspekty filtrów dat.
doheck out the autorstwa Edureka, zaufanej firmy zajmującej się edukacją online, z siecią ponad 250 000 zadowolonych uczniów rozsianych po całym świecie. Angular to framework JavaScript, który służy do tworzenia skalowalnych, korporacyjnych i wydajnych aplikacji internetowych po stronie klienta. Przy wysokim stopniu wykorzystania frameworka Angular zarządzanie wydajnością aplikacji jest zależne od społeczności, która pośrednio zapewnia lepsze możliwości zatrudnienia. Szkolenie w zakresie certyfikacji Angular ma na celu omówienie wszystkich nowych koncepcji dotyczących tworzenia aplikacji korporacyjnych.