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

最新推荐文章于 2021-02-27 03:38:08 发布

壹只很拽的猫

最新推荐文章于 2021-02-27 03:38:08 发布

阅读量5.9k

点赞数

分类专栏： AngularJs

AngularJs 专栏收录该内容

29 篇文章

订阅专栏

本文详细介绍如何在AngularJS中使用内置的日期过滤器来格式化日期。文章提供了多种日期和时间格式化的示例，包括自定义格式和预定义的本地化格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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中格式：

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