Detailed explanation of AngularJS date formatting

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

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>

In the Javascript code, it is written like this:

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

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!