AngularJS date filter

AngularJS Referencer

Definisjon og bruk

date Filteret formaterer datoen til det angivne format.

Dato kan være en datoobjekt, millisekunder eller dato/tidsting, såsom "2016-01-05T09:05:05.035Z".

Som standard er formatet "MMM d, y" (jan 5, 2016).

Relaterede sider

AngularJS vejledning:Angular Filtrere

Eksempel

Eksempel 1

Viser tal som datoformat:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Dato = {{ i dag | dato }}</p>
</div>

Prøv det selv

Eksempel 2

Vis dato med brugerdefineret format:

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

Prøv det selv

Eksempel 3

Vis dato med prædefinerede formater:

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

Prøv det selv

Eksempel 4

Vis tekst og kombination af prædefinerede formater for dato:

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

Prøv det selv

Eksempel 5

Angiv dato som datotidsstreng:

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

Prøv det selv

Syntaks

{{ date | date : format : timezone }}

Parameter

Parameter Beskrivelse
format

Valgfri. Bruges til at vise datoformat, kan være en af følgende en eller flere:

  • "yyyy" År (2016)
  • "yy" År (16)
  • "y" År (2016)
  • "MMMM" Måned (January)
  • "MMM" Måned (Jan)
  • "MM" Måned (01)
  • "M" Måned (1)
  • "dd" Dato (06)
  • "d" Dato (6)
  • "EEEE" Uge (Tuesday)
  • "EEE" Uge (Tue)
  • "HH" Timer, 00-23 (09)
  • "H" Timer, 0-23 (9)
  • "hh" Timer i AM/PM, 00-12 (09)
  • "h" Timer i AM/PM, 0-12 (9)
  • "mm" Minutter (05)
  • "m" Minutter (5)
  • "ss" Sekunder (05)
  • "s" Sekunder (5)
  • "sss" Millisekunder (035)
  • "a" (AM/PM)
  • "Z" Tidszone (-1200 til +1200)
  • "ww" Uge (00-53)
  • "w" Uge (0-53)
  • "G" Årtal (AD)
  • "GG" Årtal (AD)
  • "GGG" Årtal (AD)
  • "GGGG" Årtal (Anno Domini)

Formatværdien kan også være en af følgende prædefinerede formater:

  • "kort" Med "M/d/yy h:mm a" Samme (1/5/16 9:05 AM)
  • "medium" Med "MMM d, y h:mm:ss a" Samme (Jan 5, 2016 9:05:05 AM)
  • "shortDate" Med "M/d/yy" Samme (1/5/16)
  • "mediumDate" Med "MMM d, y" Samme (Jan 5, 2016)
  • "longDate" Med "MMMM d, y" Samme (January 5, 2016)
  • "fullDate" Med "EEEE, MMMM d, y" Samme (Tuesday, January 5, 2016)
  • "shortTime" Med "h:mm a" Samme (9:05 AM)
  • "mediumTime" Med "h:mm:ss a" Samme (9:05:05 AM)
timezone Valgfrit. Bruges til at formatere datoer med tidszone.

AngularJS Referencer