AngularJS date-filter

AngularJS-referenshandbok

Definition och användning

date Filtret formaterar datumet enligt det specificerade formatet.

Datum kan vara ett datumobjekt, millisekunder eller datumenhetssträng, t.ex. "2016-01-05T09:05:05.035Z".

Som standard är formatet "MMM d, y" (Jan 5, 2016).

Relaterade sidor

AngularJS-guide:Angular-filter

Exempel

Exempel 1

Visa siffror som datumformat:

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

Prova själv

Exempel 2

Visa datum med anpassat format:

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

Prova själv

Exempel 3

Visa datum med fördefinierade format:

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

Prova själv

Exempel 4

Visa text och kombination av fördefinierade format för datum:

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

Prova själv

Exempel 5

Ange datum som datum-tidssträng:

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

Prova själv

Syntaks

{{ date | date : format : timezone }}

Parameter

Parameter Beskrivning
format

Valfritt. Används för att visa datumformat, kan vara ett eller flera av följande:

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

Formatvärdet kan också vara en av följande fördefinierade format:

  • "short" Med "M/d/yy h:mm a" Samma (1/5/16 9:05 AM)
  • "medium" Med "MMM d, y h:mm:ss a" Samma (Jan 5, 2016 9:05:05 AM)
  • "shortDate" Med "M/d/yy" Samma (1/5/16)
  • "mediumDate" Med "MMM d, y" Samma (Jan 5, 2016)
  • "longDate" Med "MMMM d, y" Samma (January 5, 2016)
  • "fullDate" Med "EEEE, MMMM d, y" Samma (Tuesday, January 5, 2016)
  • "shortTime" Med "h:mm a" Samma (9:05 AM)
  • "mediumTime" Med "h:mm:ss a" Samma (9:05:05 AM)
timezone Valfritt. Används för att formatera datum med tidszon.

AngularJS-referenshandbok