AngularJS 日期格式化
2015-07-09 14:56
513 查看
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’}}
在Javascript代码里,是这么写的:
var myJsDate=$filter(‘date’)($scope.myDate,’yyyy-MM-dd’);
这样你声明的变量myJsDate就能得到$scope里myDate格式化之后的值了。
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格式化之后的值了。
相关文章推荐
- AngularJS 实战讲义笔记
- angular 富文本编辑器
- angular学习笔记一
- angularjs学习之八(angularjs中isolate scope的使用)
- 基于Angular+WebAPI+OData的增删改查
- AngularJS时间轴指令
- angularJS的核心特性
- AngularJS 课程
- angularjs开发常见问题-1(持续更新中...)
- AngularJS--directive
- 细说Angular ng-class
- angularjs学习之七(angularjs中指令的四种基本形式)
- angularjs学习之六(angularjs中directive指令的一般编程事件绑定 模板使用等)
- angular之scope.$watch
- Angularjs promise对象解析
- Tips on Rails 4: Assets Compression with Angular.j
- (十六)JQuery Ready和angularJS controller的执行顺序问题
- angular笔记
- 【转】AngularJS 取消对 HTML 片段的转义
- AngularJS取消对HTML转义