Niekedy musíme skontrolovať dátum z nejakého konkrétneho dôvodu. Stáva sa, že niekedy je v požadovanom formáte a niekedy nie. V tomto článku teda budeme diskutovať o DateFilter v nasledujúcom poradí:
Čo je DateFilter v AngularJS?
Na prevod dátumu do určeného formátu môžeme použiť filter dátumu AngularJS. Predvolený formát dátumu, ak nie je k dispozícii žiadna špecifikácia, je „MMM d, rrrr“.
Syntax:
{ dátum }
Je potrebné poznamenať, že parametre časového pásma a formátu sú voliteľné.
SPOLOČNÉ HODNOTY POUŽITÉ VO FORMÁTE
„RRRR“ - definovať rok napr. 2018
„YY“ - definovať rok napr. 18
„Y“ - definovať rok napr. 2018
„MMM“ - definovať mesiac napr. Marca
„MMM“ - definovať mesiac napr. Mar
„MM“ - definovať mesiac napr. 03
„Dd“ - definovať deň napr. 08
‘D’ - definovať deň napr. 8
„Hh“ - definovať hodinu v AM / PM
„H“ - definovať hodinu v AM / PM
„Mm“ - definovať minútu
„M“ - definovať minútu
„Ss“ - definovať druhý
„S“ - definovať druhý
PREDefinované hodnoty použité vo formáte
'krátky' - ekvivalent „M / d / rrr h: mm a“
„Stredný“ - ekvivalent „MMM d, y h: mm: ss a“
„ShortDate“ - ekvivalent „M / d / rr“ (8.6.18)
„MediumDate“ - ekvivalent „MMM d, y“ (7. apríla 2018)
„LongDate“ - ekvivalent „MMMM d, y“ (7. apríla 2019)
„FullDate“ - ekvivalent „EEEE, MMMM d, y“ (sobota 7. apríla 2018)
'krátka doba' - ekvivalent „h: mm a“ (4:20)
„MediumTime“ - ekvivalent „h: mm: ss a“ (4:20:05 hod.)
PRÍKLAD:
Filter dátumu
{dnes}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = nový dátum ()
})
Výkon:
10.09.2019
PRÍKLAD:
Na zobrazenie času v konkrétnom formáte používame nasledujúci kód:
Filter dátumu napr
{date: 'mediumTime'}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = nový dátum ()
})
Výkon:
11:08:11
PRÍKLAD:
Na zobrazenie dátumu v konkrétnom formáte používame nasledujúci kód:
Filter dátumu napr
„https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js“>
{dnes}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = nový dátum ()
})
Výkon:
10. septembra 2019
Pre lepšie pochopenie si pozrite nasledujúci príklad:
PRÍKLAD:
čo sa pripája v Jave
AngularJs Date Ex
src = 'http: //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
var app = angular.module ('firstApp', [])
app.controller ('firstctrl', function ($ scope) {
$ scope.mydate = nový dátum ()
})
Zadajte číslo:
Dátum s krátkym výrazom: {date: 'short'}
Dátum s výrazom mediumDate: {mydate}
Dátum s rrrr-mm-dd hh: mm: ss výrazom: {mydate}
Dátum s rrrr-mm-dd hh: mm: ss výrazom: {mydate}
Výkon:
Týmto sa dostávame na koniec tohto Datefilter v článku AngularJS. Dúfam, že ste pochopili rôzne aspekty Dátumových filtrov.
C.sakra autor: Edureka, dôveryhodná online vzdelávacia spoločnosť so sieťou viac ako 250 000 spokojných študentov rozmiestnených po celom svete. Angular je rámec JavaScript, ktorý sa používa na vytváranie škálovateľných, podnikových a výkonných webových aplikácií na strane klienta. Pretože je prijatie uhlového rámca vysoké, riadenie výkonu aplikácie je poháňané komunitou nepriamo a prináša lepšie pracovné príležitosti. Cieľom školenia Angular Certification Training je pokryť všetky tieto nové koncepty vývoja podnikových aplikácií.