Kuinka toteuttaa DateFilter AngularJS: ssä esimerkkien avulla



Tämä artikkeli antaa sinulle yksityiskohtaisen kattavan tiedon eri tavoista toteuttaa DateFilter AngularJS: ssä.

Toisinaan meidän on tarkistettava päivämäärä jostakin erityisestä syystä. Toisinaan se on joskus haluamassamme muodossa ja toisinaan ei. Joten tässä artikkelissa keskustelemme DateFilteristä seuraavassa järjestyksessä:

Mikä on DateFilter AngularJS: ssä?

Voimme käyttää AngularJS-päivämääräsuodatinta muuntaa päivämäärä määritettyyn muotoon. Oletuspäivämäärä, kun määrityksiä ei ole, on ”MMM d, yyyy”.





Syntaksi:

{ Päivämäärä }



On huomattava, että aikavyöhyke ja muoto-parametrit ovat valinnaisia.

MUOTOON KÄYTETYT YHTEISET ARVOT

  • ”VVVV” - määritellä vuosi ex. 2018



  • 'YY' - määritellä vuosi ex. 18

  • 'Y' - määritellä vuosi ex. 2018

  • 'MMM' - määritä kuukausi esim. Maaliskuu

  • ”MMM” - määritä kuukausi esim. Maaliskuu

  • ”MM” - määritä kuukausi esim. 03

  • 'Dd' - määritä päivä ex. 08

  • 'D' - määritä päivä ex. 8

  • 'HH' - määritä tunti AM / PM

  • 'H' - määritä tunti AM / PM

  • ”Mm” - määritä minuutti

  • 'M' - määritä minuutti

  • 'Ss' - määritä toinen

  • 'S' - määritä toinen

FORMATTISSA ENNEN MÄÄRITETYT ARVOT

  • 'lyhyt' - vastaa sanaa ”K / p / vv k: kk a”

  • 'Keskitaso' - vastaa sanaa “MMM d, y h: mm: ss a”

  • 'ShortDate' - vastaa sanaa “M / d / yy” (8.6.2018)

  • 'MediumDate' - vastaa sanaa “MMM d, y” (7. huhtikuuta 2018)

  • 'LongDate' - vastaa sanaa “MMMM d, y” (7. huhtikuuta 2019)

  • 'FullDate' - vastaa sanaa ”EEEE, MMMM d, y” (lauantai 7. huhtikuuta 2018)

  • 'lyhyt aika' - vastaa sanaa “h: mm a” (4:20 AM)

  • 'MediumTime' - vastaa sanaa “h: mm: ss a” (4:20:05 AM)

ESIMERKKI:

Päivämääräsuodatin

{ tänään }

var app = kulmamoduuli ('firstApp', [])

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

$ scope.today = uusi päivämäärä ()

})

Tuotos:

10.09.2019

ESIMERKKI:

Ajan näyttämiseksi tietyssä muodossa käytämme seuraavaa koodia:

Päivämääräsuodatin Ex

{date: 'mediumTime'}

yhdistä lajittelulähdekoodi c ++

var app = kulmamoduuli ('firstApp', [])

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

$ scope.today = uusi päivämäärä ()

})

Tuotos:

11:08:11 AM

ESIMERKKI:

Jos haluat näyttää päivämäärän tietyssä muodossa, käytämme seuraavaa koodia:

Päivämääräsuodatin Ex

Kaikki Oikeudet Pidätetään | ichlese.at | Tietosuojakäytäntö