AngularJS-Datum-Filter

Definition und Verwendung

date Der Filter formatiert das Datum in das angegebene Format.

Das Datum kann ein Datumobjekt, eine Millisekundenzahl oder ein Datumszeit-String wie "2016-01-05T09:05:05.035Z" sein.

Standardmäßig ist das Format "MMM d, y" (Jan 5, 2016).

Verwandte Seiten

AngularJS-Tutorial:Angular-Filter

Beispiel

Beispiel 1

Zahlen als Datumsformat anzeigen:

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

Versuchen Sie es selbst

Beispiel 2

Zeigen Sie das Datum im benutzerdefinierten Format an:

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

Versuchen Sie es selbst

Beispiel 3

Zeigen Sie das Datum mit vordefinierten Formaten an:

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

Versuchen Sie es selbst

Beispiel 4

Zeigen Sie eine Kombination aus Text und vordefinierten Formaten an:

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

Versuchen Sie es selbst

Beispiel 5

Geben Sie das Datum als Datum-Zeit-String an:

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

Versuchen Sie es selbst

Syntax

{{ date | date : format : timezone }}

Parameter

Parameter Beschreibung
format

Optional. Wird verwendet, um das Datum im angegebenen Format anzuzeigen, kann einer der folgenden sein:

  • "yyyy" Jahr (2016)
  • "yy" Jahr (16)
  • "y" Jahr (2016)
  • "MMMM" Monat (January)
  • "MMM" Monat (Jan)
  • "MM" Monat (01)
  • "M" Monat (1)
  • "dd" Datum (06)
  • "d" Datum (6)
  • "EEEE" Wochentag (Tuesday)
  • "EEE" Wochentag (Tue)
  • "HH" Stunde, 00-23 (09)
  • "H" Stunde, 0-23 (9)
  • "hh" Stunde in AM/PM, 00-12 (09)
  • "h" Stunde in AM/PM, 0-12 (9)
  • "mm" Minuten (05)
  • "m" Minuten (5)
  • "ss" Sekunden (05)
  • "s" Sekunden (5)
  • "sss" Millisekunden (035)
  • "a" (AM/PM)
  • "Z" Zeitzone (-1200 bis +1200)
  • "ww" Woche (00-53)
  • "w" Woche (0-53)
  • "G" Jahr (AD)
  • "GG" Jahr (AD)
  • "GGG" Jahr (AD)
  • "GGGG" Jahr (Anno Domini)

Der Formatwert kann auch einer der folgenden vordefinierten Formate sein:

  • "kurz" Mit "M/d/yy h:mm a" Gleich (1/5/16 9:05 AM)
  • "medium" Mit "MMM d, y h:mm:ss a" Gleich (Jan 5, 2016 9:05:05 AM)
  • "shortDate" Mit "M/d/yy" Gleich (1/5/16)
  • "mediumDate" Mit "MMM d, y" Gleich (Jan 5, 2016)
  • "longDate" Mit "MMMM d, y" Gleich (January 5, 2016)
  • "fullDate" Mit "EEEE, MMMM d, y" Gleich (Tuesday, January 5, 2016)
  • "shortTime" Mit "h:mm a" Gleich (9:05 AM)
  • "mediumTime" Mit "h:mm:ss a" Gleich (9:05:05 AM)
timezone Optional. Wird verwendet, um das Zeitformat zu formatieren.