Иногда нам необходимо проверить дату по какой-либо конкретной причине. Иногда это в желаемом нами формате, а иногда нет. Итак, в этой статье мы обсудим 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
'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js'>
{ сегодня}
var app = angular.module ('первое приложение', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = новая дата ()
})
Вывод:
10 сен.2019
Для лучшего понимания давайте взглянем на следующий пример:
ПРИМЕР:
AngularJs Дата Ex
src = 'http: //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
как перевернуть номер в Java
var app = angular.module ('первое приложение', [])
app.controller ('firstctrl', function ($ scope) {
$ scope.mydate = новая дата ()
})
Введите номер:
Дата с коротким выражением: {date: 'short'}
Дата с выражением mediumDate: {mydate}
Дата с выражением гггг-мм-дд чч: мм: сс: {mydate}
Дата с выражением гггг-мм-дд чч: мм: сс: {mydate}
Вывод:
На этом мы подошли к концу статьи о Datefilter в AngularJS. Надеюсь, вы поняли различные аспекты фильтров даты.
Cчерт возьми от Edureka, надежной компании по онлайн-обучению с сетью из более чем 250 000 довольных учащихся по всему миру. Angular - это платформа JavaScript, которая используется для создания масштабируемых, корпоративных и высокопроизводительных клиентских веб-приложений. Благодаря широкому распространению фреймворка Angular управление производительностью приложения осуществляется сообществом, что косвенно способствует улучшению возможностей трудоустройства. Тренинг по сертификации Angular направлен на охват всех этих новых концепций разработки корпоративных приложений.