AngularJS過濾器filter-時間日期格式-渲染日期格式-$filter - BeautifulBoy－IT工程師數位筆記本

文章出處

　　今天遇到了這些問題索性就寫篇文章吧

　　話不多說直接上栗子

　　不管任何是HTML格式還是JS格式必須要在 controller 里面寫

　　// new Date() 獲取當前時間  
　　yyyy-MM-ddd //是返回的格式 下面會一 一列出 這種返回格式
$scope.wwwwwww = $filter(new Date(),'yyyy-MM-dd')   

//或者這樣寫
//這樣是  指定date類型  可以省略不寫  下面的是多此一舉  但是我感覺有人會鉆牛角尖所以嘛 嘿嘿

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

　　在HTML模板里這樣寫

　　頁面上就會得到時間

　　下面說在HTML里面寫

　　在HTML模板里面

　　date 是固定套路

　　yyyy-MM-dd HH：mm 下面會說

　　頁面上的時間

　　下面講解返回的日期格式

　　斜體紅字的就是上面的日期講解

    自定義日期格式化：
        年月日：({{ 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