Filtr daty AngularJS

Definicja i użycie

data Filtr formatuje datę do określonego formatu.

Data może być obiektem daty, liczbą milisekund lub ciągłem daty i czasu, np. "2016-01-05T09:05:05.035Z".

Domyślnie format to "MMM d, y" (Jan 5, 2016).

Strony związane

Tutorial AngularJS:Filtrowanie Angular

Przykład

Przykład 1

Wyświetl liczby w formacie daty:

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

Spróbuj sam

Przykład 2

Wyświetl datę w niestandardowym formacie:

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

Spróbuj sam

Przykład 3

Wyświetl datę za pomocą zdefiniowanego formatu:

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

Spróbuj sam

Przykład 4

Wyświetl kombinację tekstu i zdefiniowanego formatu daty:

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

Spróbuj sam

Przykład 5

Przekształć datę jako ciąg znaków daty i czasu:

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

Spróbuj sam

Gramatyka

{{ data | data : format : timezone }}

Parametr

Parametr Opis
format

Opcjonalne. Używane do wyświetlania formatu daty, może to być jedno lub kilka z poniższych:

  • "yyyy" Rok (2016)
  • "yy" Rok (16)
  • "y" Rok (2016)
  • "MMMM" Miesiąc (January)
  • "MMM" Miesiąc (Jan)
  • "MM" Miesiąc (01)
  • "M" Miesiąc (1)
  • "dd" Data (06)
  • "d" Data (6)
  • "EEEE" Dzień tygodnia (Tuesday)
  • "EEE" Dzień tygodnia (Tue)
  • "HH" Godzina, 00-23 (09)
  • "H" Godzina 0-23 (9)
  • "hh" Godzina w AM/PM, 00-12 (09)
  • "h" Godzina w AM/PM, 0-12 (9)
  • "mm" Minuty (05)
  • "m" Minuty (5)
  • "ss" Sekundy (05)
  • "s" Sekundy (5)
  • "sss" Milisekundy (035)
  • "a" (AM/PM)
  • "Z" Strefa czasowa (-1200 do +1200)
  • "ww" Tydzień (00-53)
  • "w" Tydzień (0-53)
  • "G" Era (AD)
  • "GG" Era (AD)
  • "GGG" Era (AD)
  • "GGGG" Era (Anno Domini)

Wartość formatu może być jedną z następujących zdefiniowanych formatów:

  • "krótki" Z "M/d/yy h:mm a" Ten sam (1/5/16 9:05 AM)
  • "medium" Z "MMM d, y h:mm:ss a" Takie same (Jan 5, 2016 9:05:05 AM)
  • "shortDate" Z "M/d/yy" Takie same (1/5/16)
  • "mediumDate" Z "MMM d, y" Takie same (Jan 5, 2016)
  • "longDate" Z "MMMM d, y" Takie same (January 5, 2016)
  • "fullDate" Z "EEEE, MMMM d, y" Takie same (Tuesday, January 5, 2016)
  • "shortTime" Z "h:mm a" Takie same (9:05 AM)
  • "mediumTime" Z "h:mm:ss a" Takie same (9:05:05 AM)
timezone Opcjonalne. Używane do formatowania daty strefy czasowej.