AngularJS⽇期格式化详解
AngularJS是为了克服HTML在构建应⽤上的不⾜⽽设计的。HTML是⼀门很好的为静态⽂本展⽰设计的声明式语⾔，但要构
建WEB应⽤的话它就显得乏⼒了。所以我做了⼀些⼯作（你也可以觉得是⼩花招）来让浏览器做我想要的事。AngularJS的⽇期格式化有两种形式，⼀种是在HTML页⾯，⼀种是在JS代码⾥，都是⽤到AngularJS的过滤器$filter。HTML: date_expression 即你在$scope中设的date类型变量（注意，⼀定是date object才正确）, 也是要显⽰出来的⽇期,|是
分割符号，分割符号后⾯的第⼀个参数date是指明过滤器类型是过滤⽇期的，第⼆个参数format是你的⽇期要格式化成什么样⼦，⽐如yyyy-MM-dd，最后timezone⼀个是时区（可选参数），对于国际化的⽹站⽐较适⽤。
复制代码代码如下:
{{ date_expression | date : format : timezone}}
两种写法：可以⽤{{}}表达式，也可以⽤ng-bind 或者 ng-model
复制代码代码如下:
{{myDate | date:'medium'}}
<h1 ng-bind="myDate | date:'yyyy-MM-dd'"></h1>
在Javascript代码⾥，是这么写的：
html文件格式化
复制代码代码如下:
var myJsDate=$filter('date')($Date,'yyyy-MM-dd');
这样你声明的变量myJsDate就能得到$scope⾥myDate格式化之后的值了。
以上内容是⼩编给⼤家分享的AngularJS ⽇期格式化详解的全部叙述，希望⼤家喜欢。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。