Рубрики

AngularJS | Фильтр даты

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

Синтаксис:

{{ date | date : format : timezone }}

Значения параметров: Фильтр даты содержит параметры формата и часового пояса, которые являются необязательными.

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

  • 'YYYY' — определить год отл. 2019
  • 'YY' — определить год отл. 19
  • «Y» — определить год отл. 2019
  • «ММММ» — определить месяц отл. апрель
  • «МММ» — определить месяц отл. апрель
  • «ММ» — определить месяц отл. 04
  • 'dd' — определить день отл. 09
  • 'd' — определить день отл. 9
  • 'чч' — определить час в AM / PM
  • 'h' — определить час в AM / PM
  • «мм» — определить минуты
  • 'm' — определить минуту
  • 'ss' — определить второе
  • 's' — определить второе

Некоторые предопределенные значения для формата следующие:

  • «Короткий» — эквивалент «М / д / гг ч: мм а»
  • «Средний» — эквивалент «МММ д, гг: мм: сс а»
  • «ShortDate» — эквивалент «M / d / yy» (5/7/19)
  • «MediumDate» — эквивалент «MMM d, y» (7 мая 2019 г.)
  • «LongDate» — эквивалент «MMMM d, y» (7 мая 2019 г.)
  • «FullDate» — эквивалент «EEEE, MMMM d, y» (вторник, 7 мая 2019 г.)
  • «ShortTime» — эквивалентно «h: mm a» (2:35 AM)
  • «MediumTime» — эквивалентно «h: mm: ss a» (2:35:05 AM)

Пример 1: В этом примере отображается дата в указанном формате.

<!DOCTYPE html>

<html>

    <head>

        <title>Date Filter</title>

          

        <script src=

"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">

        </script>

    </head>

      

    <body>

   

        <div ng-app="gfgApp" ng-controller="dateCntrl">

            <p>{{ today | date : "dd.MM.y" }}</p>

        </div>

   

        <script>

            var app = angular.module('gfgApp', []);

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

                $scope.today = new Date();

            });

        </script>

    </body>

</html>

Выход:

07.05.2019

Пример 2: В этом примере отображается время в указанном формате.

<!DOCTYPE html>

<html>

    <head>

        <title>Date Filter</title>

          

        <script src=

"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">

        </script>

    </head>

      

    <body>

   

        <div ng-app="gfgApp" ng-controller="dateCntrl">

            <p>{{ today| date : 'mediumTime'}}</p>

        </div>

   

        <script>

            var app = angular.module('gfgApp', []);

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

                $scope.today = new Date();

            });

        </script>

    </body>

</html>

Выход:

2:37:23 AM

Пример 3: В этом примере отображается дата в указанном формате.

<!DOCTYPE html>

<html>

    <head>

        <title>Date Filter</title>

          

        <script src=

"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">

        </script>

    </head>

      

    <body>

   

        <div ng-app="gfgApp" ng-controller="dateCntrl">

            <p>{{ today| date }}</p>

        </div>

   

        <script>

            var app = angular.module('gfgApp', []);

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

                $scope.today = new Date();

            });

        </script>

    </body>

</html>

Выход:

May 7, 2019

Рекомендуемые посты:

AngularJS | Фильтр даты

0.00 (0%) 0 votes