AngularJS 日期格式化

AngularJS 日期格式化

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>
...
 <td class="collapsing">{{stObj.createDatetime | date:"yyyy-MM-dd HH:mm:ss"}}</td>

在Javascript代码里,是这么写的:

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

这样你声明的变量myJsDate就能得到$scope里myDate格式化之后的值了。

阅读更多
个人分类: angular date格式化
上一篇git分支(branch)操作相关命令
下一篇angular 使用data-bs-datepicker时的一个小问题及解决
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭