[转] AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter

 

http://www.cnblogs.com/BeautifulBoy/p/6257800.html

http://www.cnblogs.com/94cool/p/5895813.html

 

　　// new Date() 获取当前时间
　　yyyy-MM-ddd //是返回的格式 下面会一 一列出 这种返回格式
$scope.wwwwwww = $filter(new Date(),'yyyy-MM-dd')

//或者这样写
//这样是  指定date类型  可以省略不写  下面的是多此一举  但是我感觉有人会钻牛角尖所以嘛 嘿嘿

$scope.wwwwwww = $filter('date')(new Date(),'yyyy-MM-dd')

 

1、AngularJs的controller中格式：

 var dateAsString = $filter('date')(item_date, "yyyy-MM-dd hh:mm:ss"); 

注意： controller需要注入$filter

2、 AngularJs的views中格式：

{{item_date | date:'yyyy-MM-dd hh:mm:ss'}}

 

自定义日期格式化：
        年月日：({{ nativeDate | date:'yyyy-MM-dd' }})2017-01-06
        时分秒：({{ nativeDate | date:'HH:mm:ss.sss' }})21:22:09.990

    年份格式化：
    四位年份：({{ nativeDate | date:'yyyy' }})2017
    两位年份：({{ nativeDate | date:'yy' }})17
    一位年份：({{ nativeDate | date:'y' }})2017


    月份格式化：
        英文月份：({{ nativeDate | date:'MMMM' }})April
        英文月份简写：({{ nativeDate | date:'MMM' }})Apr
        两位数字月份：({{ nativeDate | date:'MM' }})04
        一年中的第几个月份：({{ nativeDate | date:'M' }})4

    日期格式化：
        数字日期：({{ nativeDate | date:'dd' }})06
        一个月中的第几天：({{ nativeDate | date:'d' }})6
        英文星期：({{ nativeDate | date:'EEEE' }})Thursday
        英文星期简写：({{ nativeDate | date:'EEE' }})Thu

    小时格式化：
        24小时制数字小时：({{ nativeDate | date:'HH' }})18
        一天中的第几个小时：({{ nativeDate | date:'H' }})21
        12小时制数字小时：({{ nativeDate | date:'hh' }})04
        上午或下午的第几个小时：({{ nativeDate | date:'h' }})9

    分钟格式化：
        数字分钟数：({{ nativeDate | date:'mm' }})26
        一个小时中的第几分钟：({{ nativeDate | date:'m' }})40

    秒数格式化：
        数字秒数：({{ nativeDate | date:'ss' }})08
        一分钟中内的第几秒：({{ nativeDate | date:'s' }})8
        毫秒数：({{ nativeDate | date:'sss' }})990

    本地日期格式化
    ({{ nativeDate | date:'medium' }})Apr 14, 2017 4:40:08 PM
    ({{ nativeDate | date:'short' }})4/14/16 4:40 PM
    ({{ nativeDate | date:'fullDate' }})Thursday, April 14, 2017
    ({{ nativeDate | date:'longDate' }})April 14, 2017
    ({{ nativeDate | date:'mediumDate' }})Apr 14, 2017
    ({{ nativeDate | date:'shortDate' }})4/14/17
    ({{ nativeDate | date:'mediumTime' }})4:40:08 PM
    ({{ nativeDate | date:'shortTime' }})4:40 PM