AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter
2017-01-06 21:35
656 查看
今天遇到了这些问题索性就 写篇文章吧
话不多说直接上栗子
不管任何是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
- angularjs过滤器filter处理时间格式
- 详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
- angularjs中的filter(过滤器)——格式化日期的date
- angularjs中的filter(过滤器)——格式化日期的date
- angularjs中的filter(过滤器)——格式化日期的date
- angularjs中的filter(过滤器)——格式化日期的date
- angularjs --- 自定义时间格式的过滤器
- Vue filter格式化时间戳时间成标准日期格式的方法
- angularjs中的filter(过滤器)——格式化日期的date
- angularJS date filter ——时间格式化过滤器
- AngularJS过滤器filter-保留小数-渲染页面-小数点-$filter
- angularjs中的filter(过滤器)——格式化日期的date
- 时间日期格式-W3C
- sqlserver中如何提取datetime格式数据中的日期或时间?
- 关于DateTime在远程服务器使用以及日期与时间格式的问题
- [Z]网页中时间和日期的各种格式的特效代码
- Asp.Net日期时间格式设置
- Format String (用户定义的日期/时间格式)
- Java,对日期时间的格式和有效性进行验证的一个好办法。