Kuidas rakendada DateFilterit AngularJS-is koos näidetega

See artikkel annab teile üksikasjalikud ja põhjalikud teadmised DateFilteri rakendamise erinevatest viisidest AngularJS-is.

Vahel peame kuupäeva mingil konkreetsel põhjusel kontrollima. Mis juhtub, on see, et mõnikord on see meie soovitud vormingus ja mõnikord mitte. Nii et selles artiklis käsitleme DateFilterit järgmises järjekorras:



Mis on DateFilter AngularJS-is?

Kuupäeva teisendamiseks määratud vormingusse saame kasutada AngularJS kuupäevafiltrit. Vaikimisi kuupäevavorming, kui spetsifikatsiooni pole, on ‘MMM d, yyyy’.



Süntaks:

{kuupäev}



Tuleb märkida, et ajavööndi ja vormingu parameetrid on valikulised.

VORMIS KASUTATUD ÜHISED VÄÄRTUSED

  • „YYYY” - määratleda aasta ex. 2018



  • 'YY' - määratleda aasta ex. 18

  • 'Y' - määratleda aasta ex. 2018

  • 'MMM' - määrake kuu ex. Märts

  • “MMM” - määrake kuu ex. Märts

  • 'MM' - määrake kuu ex. 03

  • ‘Dd’ - määrake päev ex. 08

  • 'D' - määrake päev ex. 8

  • 'Hh' - määrake tund AM / PM

  • 'H' - määrake tund AM / PM

  • ‘Mm’ - määrake minut

  • 'M' - määrake minut

  • ‘Ss’ - määrake teine

  • 'S' - määrake teine

VORMIS KASUTATUD EELMÄÄRATUD VÄÄRTUSED

  • 'Lühike' - samaväärne väärtusega “K / p / aaa h: mm a”

  • 'Keskmine' - samaväärne tekstiga “MMM d, y h: mm: ss a”

  • 'ShortDate' - samaväärne väärtusega “K / p / aaa” (8.6.18)

  • „MediumDate” - samaväärne väärtusega “MMM d, y” (7. aprill 2018)

  • 'LongDate' - samaväärne väärtusega “MMMM d, y” (7. aprill 2019)

  • „FullDate” - samaväärne sõnaga „EEEE, MMMM d, y” (laupäev, 7. aprill 2018)

  • 'lühike aeg' - samaväärne h: mm a (4:20 AM)

  • „MediumTime” - samaväärne h: mm: ss a (4:20:05 AM)

NÄIDE:

Kuupäeva filter

{täna}

var app = nurk.moodul ('firstApp', [])

app.controller ('firstCntrl', funktsioon (ulatus $) {

$ scope.today = uus kuupäev ()

})

Väljund:

10.09.2019

fibonacci c ++ rekursiivne

NÄIDE:

Aja kuvamiseks kindlas vormingus kasutame järgmist koodi:

Kuupäeva filter Ex

{kuupäev: 'mediumTime'}

var app = nurk.moodul ('firstApp', [])

app.controller ('firstCntrl', funktsioon (ulatus $) {

$ scope.today = uus kuupäev ()

})

Väljund:

11:08:11 AM

NÄIDE:

Kuupäeva kuvamiseks kindlas vormingus kasutame järgmist koodi:

Kuupäeva filter Ex