Comment implémenter DateFilter dans AngularJS avec des exemples

Cet article vous fournira une connaissance détaillée et complète des différentes façons d'implémenter DateFilter dans AngularJS.

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

Tous Les Droits Sont Réservés | collaborate-anz.com | Politique De Confidentialité