angularJS date filter ——时间格式化过滤器
来源:互联网 发布:威尔法瑞尔知乎 编辑:程序博客网 时间:2024/05/17 01:20
angularJS的date
过滤器可以将日期格式化成需要的格式。
测试时间对象:”2016-12-03T02:43:51.535Z“
常用方式:
<!-- 2016-12-03 10:43:51 --> {{now | date : 'yyyy-MM-dd HH:mm:ss'}}
如果没有指定格式,angularJS会采用默认格式
mediumDate
{{data | date}}<!-- Dec 3, 2016 -->{{data | date : mediumDate}}<!-- Dec 3, 2016 -->
下面是angularJS内置的日期格式化
{{ now | date:'medium' }}<!-- Dec 3, 2016 10:43:51 AM -->{{ now | date:'short' }}<!-- 12/3/16 10:43 AM -->{{ now | date:'fullDate' }}<!-- Saturday, December 3, 2016 -->{{ now | date:'longDate' }}<!-- December 3, 2016 -->{{ now | date:'mediumDate' }}<!-- Dec 3, 2016 -->{{ now | date:'shortDate' }}<!-- 12/3/16 -->{{ now | date:'mediumTime' }}<!-- 10:43:51 AM -->{{ now | date:'shortTime' }}<!-- 10:43 AM -->
年份格式化
四位年份: {{ now | date:'yyyy' }} <!-- 2016-->两位年份: {{ now | date:'yy' }} <!-- 16-->一位年份: {{ now | date:'y' }} <!-- 2016-->
月份格式化
英文月份: {{ now | date:'MMMM' }} <!-- December -->英文月份简写: {{ now | date:'MMM' }} <!-- Dec -->数字月份: {{ now |date:'MM' }} <!-- 12 -->一年中的第几个月份: {{ now |date:'M' }} <!-- 12 -->
日期格式化
数字日期: {{ now | date:'dd' }} <!-- 03 -->一个月中的第几天: {{ now | date:'d' }} <!-- 3 -->英文星期: {{ now | date:'EEEE' }} <!-- Saturday -->英文星期简写: {{ now | date:'EEE' }} <!-- Sat -->
小时格式化
24小时制数字小时: {{now | date:'HH'}} <!-- 10 -->一天中的第几个小时: {{now | date:'H'}} <!-- 10 -->12小时制数字小时: {{now | date:'hh'}} <!--10-->上午或下午的第几个小时: {{now | date:'h'}} <!--10-->
分钟格式化
数字分钟数: {{ now | date:'mm' }} <!-- 43 -->一个小时中的第几分钟: {{ now | date:'m' }} <!-- 43 -->
秒数格式化
数字秒数: {{ now | date:'ss' }} <!-- 51 -->一分钟内的第几秒: {{ now | date:'s' }} <!-- 51 -->毫秒数: {{ now | date:'.sss' }} <!-- .535 -->
字符格式化
上下午标识: {{ now | date:'a' }} <!-- AM -->四位时区标识: {{ now | date:'Z' }} <!--- +0800 -->
自定义格式
{{ now | date:'MMMd, y' }} <!-- Dec3, 2016 -->{{ now | date:'EEEE, d, M' }} <!-- Saturday, 3, 12 -->{{ now | date:'hh:mm:ss.sss' }} <!-- 10:43:51.535 -->
本文参考自《angularJS 权威教程》
1 0
- angularJS date filter ——时间格式化过滤器
- angularjs中的filter(过滤器)——格式化日期的date
- angularjs中的filter(过滤器)——格式化日期的date
- angularjs中的filter(过滤器)——格式化日期的date
- angularjs中的filter(过滤器)——格式化日期的date
- AngularJs基础——过滤器filter及自定义过滤器filter
- 深究AngularJS——过滤器(filter)
- Angularjs date过滤器获得当前时间
- angularjs过滤器filter处理时间格式
- AngularJs的过滤器:filter、orderBy、date、currency、uppercase
- AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter
- AngularJS(五)——filter(过滤器)
- AngularJs 过滤器(filter)
- AngularJs过滤器(filter)
- angularjs学习 过滤器(filter)
- angularjs中的filter(过滤器)
- angularjs过滤器(filter)
- AngularJS Filter过滤器详情
- imx6 yocto编译备忘
- Android进程启动过程源码分析整理.
- POJ 2441 Arrange the Bulls 已被翻译
- 抽象类与接口比较
- NOIP2016 day1玩具谜题
- angularJS date filter ——时间格式化过滤器
- ORACLE 表间的联结方式
- adb启动失败
- UML之包图
- CSS三大特性之继承性
- 求方幂模s = a^j mod p
- input file类型自定义样式-按钮
- 虚函数和纯虚函数的区别
- 我的Unity(3)一点一滴 实现物体移动和旋转的方法总结(1)