Parfois, nous devons vérifier la date pour une raison particulière. Ce qui se passe, c'est que parfois il est dans le format souhaité et parfois non. Donc, dans cet article, nous discuterons de DateFilter dans dans l'ordre suivant:
Qu'est-ce que DateFilter dans AngularJS?
Nous pouvons utiliser le filtre de date AngularJS pour convertir une date dans un format spécifié. Le format de date par défaut en l'absence de spécification est «MMM j, aaaa».
Syntaxe:
{ Date }
Il faut noter que les paramètres de fuseau horaire et de format sont facultatifs.
VALEURS COMMUNES UTILISÉES EN FORMAT
«YYYY» - définir l'année ex. 2018
«YY» - définir l'année ex. 18
«Y» - définir l'année ex. 2018
«MMM» - définir le mois ex. Mars
«MMM» - définir le mois ex. Mar
«MM» - définir le mois ex. 03
«Dd» - définir le jour ex. 08
'ré' - définir le jour ex. 8
«Hh» - définir l'heure en AM / PM
«H» - définir l'heure en AM / PM
«Mm» - définir la minute
«M» - définir la minute
«Ss» - définir la seconde
«S» - définir la seconde
VALEURS PRÉDÉFINIES UTILISÉES EN FORMAT
'court' - équivalent à «M / j / aa h: mm a»
'moyen' - équivalent à «MMM d, y h: mm: ss a»
'Date courte' - équivalent à «M / j / aa» (6/8/18)
'MediumDate' - équivalent à «MMM j, y» (7 avril 2018)
'LongDate' - équivalent à «MMMM d, y» (7 avril 2019)
'FullDate' - équivalent à «EEEE, MMMM d, y» (samedi 7 avril 2018)
'court instant' - équivalent à «h: mm a» (4:20 AM)
'MediumTime' - équivalent à 'h: mm: ss a' (4:20:05 AM)
EXEMPLE:
Filtre de date
{ aujourd'hui }
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = nouvelle date ()
})
Production:
10.09.2019
EXEMPLE:
Pour afficher l'heure dans un format spécifique, nous utilisons le code suivant:
Filtre de date Ex
{date: 'mediumTime'}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = nouvelle date ()
})
Production:
11 h 08 min 11 s
EXEMPLE:
Pour afficher la date dans un format spécifique, nous utilisons le code suivant:
Filtre de date Ex
«https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js»>
{ aujourd'hui}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
comment inverser un entier en python
$ scope.today = nouvelle date ()
})
Production:
10 sept. 2019
Pour une meilleure compréhension, jetons un œil à l'exemple suivant:
EXEMPLE:
AngularJs Date Ex
src = 'http: //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
var app = angular.module ('firstApp', [])
app.controller ('firstctrl', fonction ($ scope) {
$ scope.mydate = nouvelle date ()
})
Entrer un nombre:
Date avec expression courte: {date: 'short'}
Date avec expression mediumDate: {mydate}
Date avec aaaa-mm-jj hh: mm: ss expression: {mydate}
Date avec aaaa-mm-jj hh: mm: ss expression: {mydate}
Production:
Avec cela, nous arrivons à la fin de cet article Datefilter dans AngularJS. J'espère que vous avez compris les différents aspects de Date FIlters.
Cdiable le par Edureka, une entreprise d'apprentissage en ligne de confiance avec un réseau de plus de 250 000 apprenants satisfaits répartis dans le monde entier. Angular est un framework JavaScript utilisé pour créer des applications Web évolutives, d'entreprise et performantes côté client. L'adoption du cadre angulaire étant élevée, la gestion des performances de l'application est indirectement dirigée par la communauté, ce qui génère de meilleures opportunités d'emploi. La formation de certification angulaire vise à couvrir tous ces nouveaux concepts autour du développement d'applications d'entreprise.