Explication détaillée du formatage de date AngularJS

AngularJS est conçu pour surmonter les lacunes du HTML dans la création d'applications. HTML est un bon langage déclaratif conçu pour l'affichage de texte statique, mais il est faible lorsqu'il s'agit de créer des applications WEB. J'ai donc fait quelques travaux (des astuces si vous voulez) pour que le navigateur fasse ce que je voulais.

Il existe deux formes de formatage de date dans AngularJS, l'une dans la page HTML et l'autre dans le code JS, qui utilisent toutes deux le filtre AngularJS $filter.

HTML : date_expression est la variable de type date que vous avez définie dans $scope (attention, il doit s'agir d'un objet date pour être correct), et c'est également la date à afficher, le symbole | premier après le symbole séparateur Le paramètre date indique que le type de filtre consiste à filtrer les dates. Le deuxième format de paramètre indique la façon dont votre date doit être formatée, par exemple aaaa-MM-jj. Le dernier fuseau horaire est le fuseau horaire (paramètre facultatif). , pour les sites Web internationaux. Plus applicable.

{{ date_expression | date : format : timezone}}

Deux façons d'écrire : vous pouvez utiliser des expressions {{}}, ou vous pouvez utiliser ng-bind ou ng-model

{{myDate | date:'medium'}}
<h1 ng-bind="myDate | date:&#39;yyyy-MM-dd&#39;"></h1>

Dans le code Javascript, c'est écrit comme ceci :

var myJsDate=$filter('date')($scope.myDate,'yyyy-MM-dd');

De cette façon, la variable myJsDate que vous déclarez peut obtenir la valeur formatée de myDate dans $scope.

Le contenu ci-dessus est la description complète de l'explication détaillée du formatage de date AngularJS partagée par l'éditeur. J'espère que vous l'aimerez.

Pour plus d'articles sur le formatage de date AngularJS, veuillez faire attention au site Web PHP chinois !