Hogyan lehet a DateFilter-t implementálni AngularJS-ben példákkal

Ez a cikk részletes, átfogó ismereteket nyújt a DateFilter AngularJS-ben történő megvalósításának különböző módjairól.

Időnként bármilyen okból ellenőriznünk kell a dátumot. Az történik, hogy néha a kívánt formátumban van, és néha nem. Tehát ebben a cikkben a DateFilterről lesz szó a következő sorrendben:



Mi az a DateFilter az AngularJS-ben?

Használhatjuk az AngularJS dátumszűrőt egy dátum meghatározott formátumra konvertálásához. Az alapértelmezett dátumformátum, ha nincs megadva, „MMM d, yyyy”.



Szintaxis:

{dátum}



Meg kell jegyezni, hogy az időzóna és a formátum paraméterek nem kötelezőek.

A FORMÁTUMBAN HASZNÁLT KÖZÖS ÉRTÉKEK

  • „ÉÉÉÉ” - meghatározza az évet pl. 2018



  • „YY” - meghatározza az évet pl. 18

  • „Y” - meghatározza az évet pl. 2018

  • „MMM” - határozza meg a hónapot. március

  • „MMM” - határozza meg a hónapot. Márc

  • „MM” - határozza meg a hónapot. 03

  • „Dd” - határozza meg a nap ex. 08

  • „D” - határozza meg a nap ex. 8.

  • ’Hh’ - meghatározza az órát AM / PM-ben

  • „H” - meghatározza az órát AM / PM-ben

  • „Mm” - határozza meg a percet

  • „M” - határozza meg a percet

  • ’Ss’ - határozza meg a második

    hogyan lehet létrehozni a teljesítmény bi irányítópultot
  • ’S’ - határozza meg a második

A FORMÁTUMBAN HASZNÁLT ELŐZETES ÉRTÉKEK

  • 'rövid' - egyenértékű a „H / H / éé h: mm a” értékkel

  • 'közepes' - egyenértékű: „MMM d, y h: mm: ss a”

  • 'ShortDate' - egyenértékű az „é / h / éé” -vel (18.06.08.)

  • „MediumDate” - egyenértékű az „MMM d, y” értékkel (2018. április 7.)

  • 'LongDate' - egyenértékű „MMMM d, y” (2019. április 7.)

  • „FullDate” - egyenértékű az „EEEE, MMMM d, y” értékkel (2018. április 7., szombat)

  • 'rövid idő' - egyenértékű a „h: mm a” (4:20 AM)

  • „MediumTime” - egyenértékű a „h: mm: ss a” (4:20:05 AM)

PÉLDA:

Dátumszűrő

{ Ma }

var app = szögletes.modul ('firstApp', [])

app.controller ('firstCntrl', function ($ hatókör) {

$ scope.today = új dátum ()

})

Kimenet:

2019.09.10

PÉLDA:

Az idő meghatározott formátumban történő megjelenítéséhez a következő kódot használjuk:

Dátumszűrő Pl

{dátum: 'mediumTime'}

var app = szögletes.modul ('firstApp', [])

app.controller ('firstCntrl', function ($ hatókör) {

$ scope.today = új dátum ()

})

Kimenet:

11:08:11 AM

PÉLDA:

A dátum meghatározott formátumban történő megjelenítéséhez a következő kódot használjuk:

Dátumszűrő Pl

Minden Jog Fenntartva | collaborate-anz.com | Adatvédelmi Irányelvek