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

来源:互联网 发布:java必读的5本书 编辑:程序博客网 时间:2024/05/16 14:50

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


原创粉丝点击