Sådan implementeres DateFilter i AngularJS med eksempler

Denne artikel giver dig en detaljeret og omfattende viden om de forskellige måder at implementere DateFilter i AngularJS.

Til tider er vi nødt til at kontrollere datoen af ​​en bestemt årsag. Hvad der sker er, at det nogle gange er i vores ønskede format, og nogle gange er det ikke. Så i denne artikel vil vi diskutere DateFilter i i følgende rækkefølge:



Hvad er DateFilter i AngularJS?

Vi kan bruge AngularJS datofilter til at konvertere en dato til et bestemt format. Standarddatoformatet, når der ikke er nogen specifikation, er 'MMM d, åååå'.



Syntaks:

{dato}



Det skal bemærkes, at tidszone og formatparametre er valgfri.

FÆLLES VERDIER, DER BRUGES I FORMAT

  • 'ÅÅÅÅ' - definer år ex. 2018



  • 'ÅÅ' - definer år ex. 18

  • 'Y' - definer år ex. 2018

  • 'MMM' - definer måned ex. marts

  • 'MMM' - definer måned ex. Mar

  • 'MM' - definer måned ex. 03

  • 'Dd' - definer dag ex. 08

  • 'D' - definer dag ex. 8

  • 'Hh' - definer time i AM / PM

  • 'H' - definer time i AM / PM

  • 'Mm' - definer minut

  • 'M' - definer minut

  • 'Ss' - definer andet

  • 'S' - definer andet

FORDEFINEREDE VÆRDIER BRUGT I FORMAT

  • 'kort' - svarende til “M / d / åå h: mm a”

  • 'medium' - svarende til “MMM d, y h: mm: ss a”

  • 'ShortDate' - svarende til “M / d / åå” (6/8/18)

  • “MediumDate” - svarende til “MMM d, y” (7. april 2018)

  • 'LongDate' - svarende til “MMMM d, y” (7. april 2019)

  • “Fulddato” - svarende til “EEEE, MMMM d, y” (lørdag 7. april 2018)

  • 'kort tid' - svarende til “h: mm a” (04:20)

  • “MediumTime” - svarende til “h: mm: ss a” (04:20:05)

EKSEMPEL:

Datofilter

{ i dag }

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

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

$ scope.today = ny dato ()

})

Produktion:

10.09.2019

EKSEMPEL:

For at vise klokkeslættet i et specifikt format bruger vi følgende kode:

Datofilter Eks

hvordan man kontrollerer palindrom i java

{date: 'mediumTime'}

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

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

$ scope.today = ny dato ()

})

Produktion:

11:08:11

EKSEMPEL:

For at vise datoen i et specifikt format bruger vi følgende kode:

Datofilter Eks

Alle Rettigheder Forbeholdes | collaborate-anz.com | Fortrolighedspolitik