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

Posted 2020-08-26 两千万少女的梦

　　

　　今天遇到了这些问题索性就 写篇文章吧

　　话不多说直接上栗子 

 

 　　不管任何是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

 

 

　　

　　以上就是AngularJS 过滤器返回日期的讲解  有不对的地方望大神指点一二