Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der AngularJS-Datumsformatierung

Detaillierte Erläuterung der AngularJS-Datumsformatierung

高洛峰
高洛峰Original
2017-01-04 17:37:591606Durchsuche

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}}

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>

Im Javascript-Code ist es so so geschrieben:

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

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!


Stellungnahme:
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