Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung der AngularJS-Datumsformatierung

高洛峰
Freigeben: 2017-01-04 17:37:59
Original
1660 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, um korrekt zu sein), und es ist auch das anzuzeigende Datum, das | Der erste Parameter nach dem Trennzeichen gibt an, dass der Filtertyp Datumsangaben filtern soll. Das zweite Parameterformat gibt an, wie Ihr Datum formatiert werden soll, z. B. jjjj-mm-tt. Die letzte Zeitzone ist die Zeitzone (optionaler Parameter). , für internationale Websites.

{{ date_expression | date : format : timezone}}
Nach dem Login kopieren

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

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

Im Javascript-Code ist es so so geschrieben:

var myJsDate=$filter(&#39;date&#39;)($scope.myDate,&#39;yyyy-MM-dd&#39;);
Nach dem Login kopieren

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

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

Weitere Artikel zum Thema AngularJS-Datumsformatierung finden Sie auf der chinesischen PHP-Website!


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