Ako implementovať DateFilter v AngularJS s príkladmi



Tento článok vám poskytne podrobné komplexné vedomosti o rôznych spôsoboch implementácie DateFilter v AngularJS.

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

Všetky Práva Vyhradené | ichlese.at | Zásady Ochrany Osobných Údajov