Hur man implementerar DateFilter i AngularJS med exempel



Denna artikel kommer att ge dig en detaljerad och omfattande kunskap om de olika sätten att implementera DateFilter i AngularJS.

Ibland måste vi kontrollera datumet av någon speciell anledning. Vad som händer är att det ibland är i vårt önskade format och ibland inte. Så i denna artikel kommer vi att diskutera DateFilter i i följande ordning:

Vad är DateFilter i AngularJS?

Vi kan använda AngularJS-datumfiltret för att konvertera ett datum till ett angivet format. Standardformatet för datum när det inte finns någon specifikation är ”MMM d, yyyy”.





Syntax:

{ datum }



Det måste noteras att tidszon och formatparametrar är valfria.

GEMENSAMMA VÄRDEN ANVÄNDA I FORMAT

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



  • 'YY' - definiera år ex. 18

  • 'Y' - definiera år ex. 2018

  • 'MMM' - definiera månad ex. Mars

  • 'MMM' - definiera månad ex. Mar

  • 'MM' - definiera månad ex. 03

  • 'Dd' - definiera dag ex. 08

  • 'D' - definiera dag ex. 8

  • 'Hh' - definiera timme i AM / PM

  • 'H' - definiera timme i AM / PM

  • 'Mm' - definiera minut

  • 'M' - definiera minut

  • 'Ss' - definiera andra

  • 'S' - definiera andra

FÖRDefinierade värden som används i format

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

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

  • 'ShortDate' - motsvarande “M / d / yy” (6/8/18)

  • “MediumDate” - motsvarande “MMM d, y” (7 april 2018)

  • 'LongDate' - motsvarande “MMMM d, y” (7 april 2019)

  • “FullDate” - motsvarande “EEEE, MMMM d, y” (lördag 7 april 2018)

    hur man skapar power bi dashboard
  • 'kort tid' - motsvarar “h: mm a” (04:20)

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

EXEMPEL:

Datumfilter

{ i dag }

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

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

$ scope.today = nytt datum ()

})

Produktion:

10.09.2019

EXEMPEL:

För att visa tiden i ett specifikt format använder vi följande kod:

Datumfilter Ex

{date: 'mediumTime'}

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

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

$ scope.today = nytt datum ()

})

Produktion:

11:08:11

retracement sekvens java för loop

EXEMPEL:

För att visa datumet i ett specifikt format använder vi följande kod:

Datumfilter Ex

Alla Rättigheter Förbehållna | ichlese.at | Integritetspolicy