Hvordan implementere DateFilter i AngularJS med eksempler



Denne artikkelen vil gi deg detaljert og omfattende kunnskap om de forskjellige måtene å implementere DateFilter i AngularJS.

Noen ganger må vi sjekke datoen av en bestemt grunn. Det som skjer er at det noen ganger er i ønsket format og noen ganger ikke. Så i denne artikkelen vil vi diskutere DateFilter i i følgende rekkefølge:

hvordan skanne en røye i java

Hva er DateFilter i AngularJS?

Vi kan bruke AngularJS datofilter til å konvertere en dato til et spesifisert format. Standard datoformat når det ikke er noen spesifikasjon er ‘MMM d, åååå’.





Syntaks:

{ Dato }



Det må bemerkes at tidssone og formatparametere er valgfrie.

FELLES VERDIER BRUKT I FORMAT

  • ‘ÅÅÅÅ’ - definere år eks. 2018



  • 'ÅÅ' - definere år eks. 18

  • 'Y' - definere år eks. 2018

  • 'MMM' - definer måned eks. mars

  • ‘MMM’ - definer måned eks. Mar

  • ‘MM’ - definer måned eks. 03

  • ‘Dd’ - definere dag eks. 08

  • ‘D’ - definere dag eks. 8

  • ‘Hh’ - definere time i AM / PM

  • ‘H’ - definere time i AM / PM

  • ‘Mm’ - definere minutt

  • ‘M’ - definere minutt

  • ‘Ss’ - definere andre

  • ‘S’ - definere andre

FORDEFINERTE VERDIER BRUKT I FORMAT

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

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

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

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

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

  • “Fulldato” - tilsvarer “EEEE, MMMM d, y” (lørdag 7. april 2018)

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

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

EKSEMPEL:

Datofilter

{i dag}

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

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

$ scope.today = ny dato ()

})

Produksjon:

10.09.2019

EKSEMPEL:

For å vise klokkeslettet i et bestemt format bruker vi følgende kode:

Datofilter Eks

{date: 'mediumTime'}

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

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

$ scope.today = ny dato ()

})

Produksjon:

11:08:11

EKSEMPEL:

For å vise datoen i et bestemt format bruker vi følgende kode:

Datofilter Eks

Alle Rettigheter Reservert | ichlese.at | Personvern