Фильтр даты AngularJS

Определение и использование

date Фильтр форматирует дату в указанном формате.

Дата может быть объектом даты, числом миллисекунд или строкой даты и времени, например "2016-01-05T09:05:05.035Z".

По умолчанию формат "MMM d, y" (Jan 5, 2016).

См. также:

Учебник AngularJS:Фильтры Angular

Пример

Пример 1

Отображение чисел в формате даты:

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

Попробуйте сами

Пример 2

Отображение даты в пользовательском формате:

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

Попробуйте сами

Пример 3

Отображение даты с использованием предопределенного формата:

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

Попробуйте сами

Пример 4

Отображение текста и комбинации даты с предопределенными форматами:

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

Попробуйте сами

Пример 5

Ввести дату в виде строки даты и времени:

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

Попробуйте сами

Грамматика

{{ date | дата : format : timezone }}

Параметр

Параметр Описание
format

Опционально. Используется для отображения формата даты, может быть одним из следующих:

  • "yyyy" Год (2016)
  • "yy" Год (16)
  • "y" Год (2016)
  • "MMMM" Месяц (January)
  • "MMM" Месяц (Jan)
  • "MM" Месяц (01)
  • "M" Месяц (1)
  • "dd" Дата (06)
  • "d" Дата (6)
  • "EEEE" День недели (Tuesday)
  • "EEE" День недели (Tue)
  • "HH" Часы, 00-23 (09)
  • "H" Часы, 0-23 (9)
  • "hh" Часы в AM/PM, 00-12 (09)
  • "h" Часы в AM/PM, 0-12 (9)
  • "mm" Минуты (05)
  • "m" Минуты (5)
  • "ss" Секунды (05)
  • "s" Секунды (5)
  • "sss" Миллисекунды (035)
  • "a" (AM/PM)
  • "Z" Часовой пояс (-1200 до +1200)
  • "ww" Неделя (00-53)
  • "w" Неделя (0-53)
  • "G" Эра (н. э.)
  • "GG" Эра (н. э.)
  • "GGG" Эра (н. э.)
  • "GGGG" Эра (От Рождества Христова)

Формат значения также может быть одним из следующих предопределенных форматов:

  • "короткий" С "M/d/yy h:mm a" Совпадение (1/5/16 9:05 AM)
  • "medium" С "MMM d, y h:mm:ss a" Точно так же (Jan 5, 2016 9:05:05 AM)
  • "shortDate" С "M/d/yy" Точно так же (1/5/16)
  • "mediumDate" С "MMM d, y" Точно так же (Jan 5, 2016)
  • "longDate" С "MMMM d, y" Точно так же (January 5, 2016)
  • "fullDate" С "EEEE, MMMM d, y" Точно так же (Tuesday, January 5, 2016)
  • "shortTime" С "h:mm a" Точно так же (9:05 AM)
  • "mediumTime" С "h:mm:ss a" Точно так же (9:05:05 AM)
timezone Опционально. Используется для форматирования даты по часам по поясу.