Hoe DateFilter in AngularJS te implementeren met voorbeelden



Dit artikel geeft u een gedetailleerde en uitgebreide kennis van de verschillende manieren om DateFilter in AngularJS te implementeren.

Soms moeten we om een ​​bepaalde reden de datum controleren. Wat er gebeurt, is dat het soms in het door ons gewenste formaat is en soms niet. Dus in dit artikel bespreken we DateFilter in in de volgende volgorde:

Wat is DateFilter in AngularJS?

We kunnen het AngularJS-datumfilter gebruiken om een ​​datum naar een gespecificeerd formaat te converteren. De standaard datumnotatie als er geen specificatie is, is ‘MMM d, jjjj’.





Syntaxis:

{date}



Opgemerkt moet worden dat de tijdzone- en formaatparameters optioneel zijn.

GEMEENSCHAPPELIJKE WAARDEN IN FORMAAT

  • ‘YYYY’ - definieer jaar ex. 2018



  • 'JJ' - definieer jaar ex. 18

  • 'Y' - definieer jaar ex. 2018

  • 'MMM' - definieer maand ex. maart

  • ‘MMM’ - definieer maand ex. Mrt

  • ‘MM’ - definieer maand ex. 03

  • ‘Dd’ - dag definiëren ex. 08

  • ‘D’ - dag definiëren ex. 8

  • ‘Hh’ - definieer het uur in AM / PM

  • ‘H’ - definieer het uur in AM / PM

  • ‘Mm’ - definieer minuut

  • ‘M’ - definieer minuut

  • ‘Ss’ - definieer de tweede

  • ‘S’ - definieer de tweede

VOORGESTELDE WAARDEN DIE IN FORMAAT WORDEN GEBRUIKT

  • 'Kort' - gelijk aan 'M / d / jj u: mm a'

  • 'medium' - gelijk aan 'MMM d, y u: mm: ss a'

  • 'ShortDate' - gelijk aan 'M / d / jj' (6/8/18)

  • 'MediumDate' - gelijk aan 'MMM d, y' (7 april 2018)

  • 'LongDate' - gelijk aan 'MMMM d, y' (7 april 2019)

  • 'FullDate' - gelijk aan 'EEEE, MMMM d, y' (zaterdag 7 april 2018)

  • 'korte tijd' - gelijk aan 'h: mm a' (4:20 uur)

  • 'MediumTime' - gelijk aan 'u: mm: ss a' (4:20:05 uur)

VOORBEELD:

Datumfilter

{vandaag}

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

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

$ scope.today = nieuwe datum ()

})

Uitgang:

10.09.2019

VOORBEELD:

hoe twee snaren te vergelijken

Om de tijd in een bepaald formaat weer te geven, maken we gebruik van de volgende code:

Datumfilter Ex

{date: 'mediumTime'}

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

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

$ scope.today = nieuwe datum ()

})

Uitgang:

11:08:11 uur

VOORBEELD:

Om de datum in een bepaald formaat weer te geven, maken we gebruik van de volgende code:

Datumfilter Ex

Alle Rechten Voorbehouden | ichlese.at | Privacybeleid