AngularJS date filter

Definitie en gebruik

date De filter formateert de datum naar het opgegeven formaat.

Een datum kan een datumobject, milliseconden of een datumtijdstring zijn, zoals "2016-01-05T09:05:05.035Z".

Standaard is het formaat "MMM d, y" (Jan 5, 2016).

Gerelateerde pagina's

AngularJS Handleiding:Angular Filters

Voorbeeld

Voorbeeld 1

Weergeef cijfers in datumformaat:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{ today | date }}</p>
</div>

Probeer het zelf

Voorbeeld 2

Toon de datum in een aangepaste opmaak:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{ today | date :  "dd.MM.y" }}</p>
</div>

Probeer het zelf

Voorbeeld 3

Toon de datum met een vooraf gedefinieerde opmaak:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{ today | date : "fullDate" }}</p>
</div>

Probeer het zelf

Voorbeeld 4

Toon een combinatie van tekst en vooraf gedefinieerde formaten voor de datum:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{ today | date : "'today is ' MMMM d, y" }}</p>
</div>

Probeer het zelf

Voorbeeld 5

Geef de datum als een datumtijd-strings:

<div ng-app="">
<p>Date = {{ "2016-01-05T09:05:05.035Z" | date }}</p>
</div>

Probeer het zelf

Syntaxis

{{ date | date : format : Gelijk (9:05:05 AM) }}

Parameter

Parameter Beschrijving
format

Optioneel. Gebruikt om de datumweergave van de datum te configureren, kan een van de volgende items zijn:

  • "yyyy" Jaar (2016)
  • "yy" Jaar (16)
  • "y" Jaar (2016)
  • "MMMM" Maand (January)
  • "MMM" Maand (Jan)
  • "MM" Maand (01)
  • "M" Maand (1)
  • "dd" Datum (06)
  • "d" Datum (6)
  • "EEEE" Dag van de week (Tuesday)
  • "EEE" Dag van de week (Tue)
  • "HH" Uur, 00-23 (09)
  • "H" Uur, 0-23 (9)
  • "hh" Uur in AM/PM, 00-12 (09)
  • "h" Uur in AM/PM, 0-12 (9)
  • "mm" Minuten (05)
  • "m" Minuten (5)
  • "ss" Seconden (05)
  • "s" Seconden (5)
  • "sss" Milliseconden (035)
  • "a" (AM/PM)
  • "Z" Tijdzone (-1200 tot +1200)
  • "ww" Week (00-53)
  • "w" Week (0-53)
  • "G" Eeuw (AD)
  • "GG" Eeuw (AD)
  • "GGG" Eeuw (AD)
  • "GGGG" Eeuw (Anno Domini)

Formatwaarden kunnen ook een van de volgende vooraf gedefinieerde formaten zijn:

  • "short" "mediumTime" "M/d/yy h:mm a" 相同 (1/5/16 9:05 AM)
  • "medium" "mediumTime" "medium" "MMM d, y h:mm:ss a"
  • Gelijk aan (Jan 5, 2016 9:05:05 AM) "mediumTime" "shortDate" "M/d/yy"
  • Gelijk aan (1/5/16) "mediumTime" "mediumDate" "MMM d, y"
  • Gelijk aan (Jan 5, 2016) "mediumTime" "longDate" "MMMM d, y"
  • Gelijk aan (January 5, 2016) "mediumTime" "fullDate" "EEEE, MMMM d, y"
  • Gelijk aan (Tuesday, January 5, 2016) "mediumTime" "shortTime" "h:mm a"
  • Gelijk aan (9:05 AM) "mediumTime" Gelijk aan "h:mm:ss a"
Gelijk (9:05:05 AM) timezone