angularJS date filter ——时间格式化过滤器

女爷i 2022-07-14 08:11 243阅读 0赞

### angularJS的`date`过滤器可以将日期格式化成需要的格式。 ###

> 测试时间对象：”2016-12-03T02:43:51.535Z“

#### *常用方式：* ####

{ { now | date : 'yyyy-MM-dd HH:mm:ss'}}

*  如果没有指定格式，angularJS会采用默认格式`mediumDate`
    
        { { data | date}} { { data | date : mediumDate}}
 *  下面是angularJS内置的日期格式化
    
        { { now | date:'medium' }} { { now | date:'short' }} { { now | date:'fullDate' }} { { now | date:'longDate' }} { { now | date:'mediumDate' }} { { now | date:'shortDate' }} { { now | date:'mediumTime' }} { { now | date:'shortTime' }}
 *  年份格式化
    
        四位年份： { { now | date:'yyyy' }}  两位年份： { { now | date:'yy' }}  一位年份： { { now | date:'y' }} 
 *  月份格式化
    
        英文月份： { { now | date:'MMMM' }}  英文月份简写： { { now | date:'MMM' }}  数字月份： { { now |date:'MM' }}  一年中的第几个月份： { { now |date:'M' }} 
 *  日期格式化
    
        数字日期： { { now | date:'dd' }}  一个月中的第几天： { { now | date:'d' }}  英文星期： { { now | date:'EEEE' }}  英文星期简写： { { now | date:'EEE' }} 
 *  小时格式化
    
        24小时制数字小时： { { now | date:'HH'}}  一天中的第几个小时： { { now | date:'H'}}  12小时制数字小时： { { now | date:'hh'}}  上午或下午的第几个小时： { { now | date:'h'}} 
 *  分钟格式化
    
        数字分钟数： { { now | date:'mm' }}  一个小时中的第几分钟： { { now | date:'m' }} 
 *  秒数格式化
    
        数字秒数： { { now | date:'ss' }}  一分钟内的第几秒： { { now | date:'s' }}  毫秒数： { { now | date:'.sss' }} 
 *  字符格式化
    
        上下午标识： { { now | date:'a' }}  四位时区标识： { { now | date:'Z' }} 
 *  自定义格式
    
        { { now | date:'MMMd, y' }}  { { now | date:'EEEE, d, M' }}  { { now | date:'hh:mm:ss.sss' }}

> 本文参考自《angularJS 权威教程》