Kako implementirati DateFilter v AngularJS s primeri



Ta članek vam bo zagotovil podrobno izčrpno znanje o različnih načinih za izvajanje DateFilterja v AngularJS.

Včasih moramo datum preveriti iz katerega koli posebnega razloga. Zgodi se, da je včasih v želeni obliki, včasih pa ne. Torej bomo v tem članku razpravljali o DateFilterju v naslednjem vrstnem redu:

Kaj je DateFilter v AngularJS?

Za pretvorbo datuma v določeno obliko lahko uporabimo datumski filter AngularJS. Privzeta oblika datuma, ko ni specifikacije, je »MMM d, llll«.





Sintaksa:

{datum}



Upoštevati je treba, da časovni pas in parametri formata niso obvezni.

SKUPNE VREDNOSTI, KI SE UPORABLJAJO V FORMATU

  • „LLLL“ - opredelite leto ex. 2018



  • 'YY' - opredelite leto ex. 18.

  • 'Y' - opredelite leto ex. 2018

  • 'MMM' - opredelite mesec ex. Marec

  • „MMM“ - opredelite mesec ex. Mar

  • „MM“ - opredelite mesec ex. 03

  • ‘dd’ - določite dan npr. 08

  • „D“ - določite dan npr. 8.

  • 'Hh' - določite uro v AM / PM

  • 'H' - določite uro v AM / PM

  • „Mm“ - določite minuto

  • 'M' - določite minuto

  • 'Ss' - opredeli drugo

  • 'S' - opredeli drugo

PREDDOLOČENE VREDNOSTI, KI SE UPORABLJAJO V FORMATU

  • 'kratek' - enakovredno 'M / d / ll h: mm a'

  • 'Srednje' - enakovredno 'MMM d, y h: mm: ss a'

  • 'ShortDate' - enakovredno 'M / d / ll' (6/8/18)

  • 'Srednji datum' - enakovredno 'MMM d, y' (7. april 2018)

  • 'LongDate' - enakovredno 'MMMM d, y' (7. april 2019)

  • 'FullDate' - enakovredno 'EEEE, MMMM d, y' (sobota, 7. april 2018)

    nadaljevanje razvijalca Java front end
  • 'kratek čas' - enakovredno 'h: mm a' (04:20)

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

PRIMER:

Datumski filter

{danes}

var app = angular.module ('firstApp', [])

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

$ scope.today = nov datum ()

})

Izhod:

10.09.2019

PRIMER:

Za prikaz časa v določeni obliki uporabimo naslednjo kodo:

Datumski filter Napr

{date: 'mediumTime'}

var app = angular.module ('firstApp', [])

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

$ scope.today = nov datum ()

})

Izhod:

11:08:11

PRIMER:

Za prikaz datuma v določeni obliki uporabimo naslednjo kodo:

Datumski filter Napr

Vse Pravice Pridržane | ichlese.at | Politika Zasebnosti