Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung der AngularJS-Datumsformatierung_AngularJS

Detaillierte Erläuterung der AngularJS-Datumsformatierung_AngularJS

WBOY
Freigeben: 2016-05-16 15:23:54
Original
1632 Leute haben es durchsucht

AngularJS wurde entwickelt, um die Mängel von HTML beim Erstellen von Anwendungen zu überwinden. HTML ist eine gute deklarative Sprache, die für die statische Textanzeige entwickelt wurde, aber beim Erstellen von WEB-Anwendungen ist sie schwach. Also habe ich einige Arbeiten durchgeführt (Tricks, wenn Sie so wollen), um den Browser dazu zu bringen, das zu tun, was ich wollte.

Es gibt zwei Formen der Datumsformatierung in AngularJS, eine in der HTML-Seite und die andere im JS-Code, die beide den AngularJS-Filter $filter verwenden.

HTML: date_expression ist die Datumstypvariable, die Sie in $scope festlegen (beachten Sie, dass es sich um ein Datumsobjekt handeln muss), und es ist auch das anzuzeigende Datum und der erste Parameter Datum nach dem Trennzeichen ist. Geben Sie an, dass der Filtertyp zum Filtern von Datumsangaben dient. Das zweite Parameterformat gibt an, wie Ihr Datum formatiert werden soll, z. B. JJJJ-MM-TT. Die letzte Zeitzone ist die Zeitzone (optionaler Parameter). besser geeignet für internationale Websites.

Code kopieren Der Code lautet wie folgt:

{{ date_expression |. date : format : timezone}}

Zwei Schreibweisen: Sie können {{}}-Ausdrücke verwenden oder Sie können ng-bind oder ng-model verwenden

Code kopieren Der Code lautet wie folgt:

{{myDate |. date:'medium'}}


Im Javascript-Code wird es so geschrieben:

Code kopieren Der Code lautet wie folgt:

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

Auf diese Weise kann die von Ihnen deklarierte Variable myJsDate den formatierten Wert von myDate in $scope abrufen.

Der obige Inhalt ist die vollständige Beschreibung der vom Herausgeber geteilten detaillierten Erklärung der AngularJS-Datumsformatierung. Ich hoffe, sie gefällt Ihnen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage