Home > Web Front-end > JS Tutorial > body text

Detailed explanation of AngularJS date formatting

高洛峰
Release: 2017-01-04 17:37:59
Original
1655 people have browsed it

AngularJS is designed to overcome the shortcomings of HTML in building applications. HTML is a good declarative language designed for static text display, but it is weak when it comes to building WEB applications. So I did some work (tricks if you will) to get the browser to do what I wanted.

There are two forms of date formatting in AngularJS, one is in the HTML page, and the other is in the JS code, both of which use the AngularJS filter $filter.

HTML: date_expression is the date type variable you set in $scope (note that it must be a date object to be correct), and it is also the date to be displayed. | is the delimiter symbol, the first one after the delimiter symbol The date parameter indicates that the filter type is to filter dates. The second parameter format is how your date should be formatted, such as yyyy-MM-dd. The last timezone is the time zone (optional parameter), for international websites. More applicable.

{{ date_expression | date : format : timezone}}
Copy after login

Two ways of writing: you can use {{}} expressions, or you can use ng-bind or ng-model

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

In the Javascript code, it is written like this:

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

In this way, the variable myJsDate you declare can get the formatted value of myDate in $scope.

The above content is the entire description of the detailed explanation of AngularJS date formatting shared by the editor. I hope you like it.

For more AngularJS date formatting related articles, please pay attention to the PHP Chinese website!


Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template