Maison > interface Web > js tutoriel > Explication détaillée du formatage de date AngularJS_AngularJS

Explication détaillée du formatage de date AngularJS_AngularJS

WBOY
Libérer: 2016-05-16 15:23:54
original
1631 Les gens l'ont consulté

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 (notez qu'il doit s'agir d'un objet date pour être correct), et c'est également la date à afficher et le premier paramètre. la date après le symbole séparateur est Indique que le type de filtre est destiné au filtrage des 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), qui est. plus adapté aux sites Web internationaux.

Copier le code Le code est le suivant :

{{ date_expression | date : format : fuseau horaire}}

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

Copier le code Le code est le suivant :

{{maDate | date :'moyen'}}


Dans le code Javascript, c'est écrit ainsi :

Copier le code Le code est le suivant :

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

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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal