Filtre date AngularJS

Définition et utilisation

date Le filtre formate la date dans le format spécifié.

La date peut être un objet date, un nombre en millisecondes ou une chaîne de date et heure, comme "2016-01-05T09:05:05.035Z".

Par défaut, le format est "MMM d, y" (Jan 5, 2016).

Pages associées

Tutoriel AngularJS :Filtres Angular

Exemple

Exemple 1

Afficher les nombres sous forme de format de date :

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

Essayez personnellement

Exemple 2

Afficher la date en utilisant un format personnalisé :

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

Essayez personnellement

Exemple 3

Afficher la date en utilisant un format prédéfini :

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

Essayez personnellement

Exemple 4

Afficher une combinaison de texte et de format prédéfini pour la date :

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

Essayez personnellement

Exemple 5

Présenter la date sous forme de chaîne de caractères date-heure :

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

Essayez personnellement

Grammaire

{{ date | date : format : timezone }}

Paramètres

Paramètres Description
format

Optionnel. Utilisé pour afficher le format de date, qui peut être l'un des éléments suivants :

  • "yyyy" Année (2016)
  • "yy" Année (16)
  • "y" Année (2016)
  • "MMMM" Mois (January)
  • "MMM" Mois (Jan)
  • "MM" Mois (01)
  • "M" Mois (1)
  • "dd" Date (06)
  • "d" Date (6)
  • "EEEE" Jour de la semaine (Tuesday)
  • "EEE" Jour de la semaine (Tue)
  • "HH" Heure, 00-23 (09)
  • "H" Heure 0-23 (9)
  • "hh" Heure dans AM/PM, 00-12 (09)
  • "h" Heure dans AM/PM, 0-12 (9)
  • "mm" Minute (05)
  • "m" Minute (5)
  • "ss" Seconde (05)
  • "s" Seconde (5)
  • "sss" Millièmes (035)
  • "a" (AM/PM)
  • "Z" Fuseau horaire (-1200 à +1200)
  • "ww" Semaine (00-53)
  • "w" Semaine (0-53)
  • "G" Anno Domini (AD)
  • "GG" Anno Domini (AD)
  • "GGG" Anno Domini (AD)
  • "GGGG" Anno Domini (AD)

La valeur de format peut également être l'un des formats prédéfinis suivants :

  • "court" Avec "M/d/yy h:mm a" Identique (1/5/16 9:05 AM)
  • "medium" Avec "MMM d, y h:mm:ss a" Identique (Jan 5, 2016 9:05:05 AM)
  • "shortDate" Avec "M/d/yy" Identique (1/5/16)
  • "mediumDate" Avec "MMM d, y" Identique (Jan 5, 2016)
  • "longDate" Avec "MMMM d, y" Identique (January 5, 2016)
  • "fullDate" Avec "EEEE, MMMM d, y" Identique (Tuesday, January 5, 2016)
  • "shortTime" Avec "h:mm a" Identique (9:05 AM)
  • "mediumTime" Avec "h:mm:ss a" Identique (9:05:05 AM)
timezone Optionnel. Utilisé pour formatter les fuseaux horaires des dates.