Home > Web Front-end > JS Tutorial > Detailed explanation of AngularJS date formatting_AngularJS

Detailed explanation of AngularJS date formatting_AngularJS

WBOY
Release: 2016-05-16 15:23:54
Original
1632 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, it must be a date object to be correct), and it is also the date to be displayed. | is the separator symbol, and the first parameter date after the separator symbol is Indicate that the filter type is for filtering 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), which is more suitable for international websites.

Copy code The code is as follows:

{{ date_expression | date : format : timezone}}

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

Copy code The code is as follows:

{{myDate | date:'medium'}}


In the Javascript code, it is written like this:

Copy code The code is as follows:

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.

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