码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-01-07 00:25:54      阅读:543      评论:0      收藏:0      [点我收藏+]

标签:当前时间   获取   src   html模板   image   span   自定义   页面   short   

  

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

  话不多说直接上栗子 

 

   不管任何是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 过滤器返回日期的讲解  有不对的地方望大神指点一二

 

 

  

 

 

  

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

标签:当前时间   获取   src   html模板   image   span   自定义   页面   short   

原文地址:http://www.cnblogs.com/BeautifulBoy/p/6257800.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!