Как реализовать DateFilter в AngularJS с примерами



Эта статья предоставит вам подробные исчерпывающие знания о различных способах реализации DateFilter в AngularJS.

Иногда нам необходимо проверить дату по какой-либо конкретной причине. Иногда это в желаемом нами формате, а иногда нет. Итак, в этой статье мы обсудим DateFilter в в следующем порядке:

Что такое DateFilter в AngularJS?

Мы можем использовать фильтр даты AngularJS для преобразования даты в указанный формат. Формат даты по умолчанию, когда нет спецификации, - «MMM d, yyyy».





Синтаксис:

{ Дата }



Следует отметить, что параметры часового пояса и формата необязательны.

ОБЩИЕ ЗНАЧЕНИЯ, ИСПОЛЬЗУЕМЫЕ В ФОРМАТЕ

  • «ГГГГ» - определить год напр. 2018 г.



  • 'ГГ' - определить год напр. 18

  • 'Y' - определить год напр. 2018 г.

  • «МММ» - определить месяц напр. марш

  • «МММ» - определить месяц напр. Мар

  • «ММ» - определить месяц напр. 03

  • ‘Dd’ - определить день напр. 08

  • ‘D’ - определить день напр. 8

  • ‘Hh’ - определить час в AM / PM

  • 'час' - определить час в AM / PM

  • ‘Мм’ - определить минуту

  • ‘M’ - определить минуту

  • ‘Ss’ - определить второй

  • ‘S’ - определить второй

ПРЕДНАЗНАЧЕННЫЕ ЗНАЧЕНИЯ, ИСПОЛЬЗУЕМЫЕ В ФОРМАТЕ

  • 'короткая' - эквивалент «М / д / гг ч: мм а»

  • 'Средняя' - эквивалент «MMM d, y h: mm: ss a»

  • 'ShortDate' - эквивалент «М / д / гг» (8.06.18)

  • «MediumDate» - эквивалент «МММ д, г» (7 апреля 2018 г.)

  • 'LongDate' - эквивалент «MMMM d, y» (7 апреля 2019 г.)

  • «FullDate» - эквивалент «EEEE, MMMM d, y» (суббота, 7 апреля 2018 г.)

  • 'мало времени' - эквивалентно «ч: мм а» (4:20 утра)

  • «MediumTime» - эквивалентно «ч: мм: сс а» (4:20:05 AM)

ПРИМЕР:

Фильтр даты

{ сегодня }

var app = angular.module ('первое приложение', [])

app.controller ('firstCntrl', function ($ scope) {

как найти длину массива в javascript

$ scope.today = новая дата ()

})

Вывод:

10.09.2019

ПРИМЕР:

Чтобы отобразить время в определенном формате, мы используем следующий код:

Дата Фильтр Ex

{date: 'mediumTime'}

var app = angular.module ('первое приложение', [])

app.controller ('firstCntrl', function ($ scope) {

$ scope.today = новая дата ()

})

Вывод:

11:08:11

ПРИМЕР:

Чтобы отобразить дату в определенном формате, мы используем следующий код:

Дата Фильтр Ex

Все права защищены | ichlese.at | Политика Конфиденциальности