angularjs过滤器（一）------禁止转载------
如果用代码实现：将new Date()转换为 M/D/YY 00:00 格式。
启用过滤器有两种方式：①在HTML中用“|”启用过滤器。格式为{{$scope.property | filter:'name'}}
②在angularJS代码中启用$filter功能。首先依赖注入，$scope.prop=$filter('fitlterName')('value')
①的示例代码：
<!DOCTYPE html>
<html>
<head>
<title>angularTest</title>
<script type="text/javascript" src='angular.min.js'></script>
</head>
<body>
<div ng-app='myApp'>
<div ng-controller='myController'>
<div>{{today|date:'short'}}</div>
</div>
</div>
</body>
<script>
var app=angular.module('myApp',[]);
app.controller('myController',['$scope',function($scope){
.$scope.today=new Date();
}]);
</script>
</html>
②的示例代码：
<!DOCTYPE html>
<html>
<head>
<title>angularTest02</title>
<script type="text/javascript" src='angular.min.js'></script>
</head>
<body>
<div ng-app='myApp'>
<div ng-controller='myController'>
<div>{{today}}</div>
</div> </div>
</body>
<script>
var app=angular.module('myApp',[]);
app.controller('myController',function($filter,$scope){
$scope.today=$filter('date')(new Date(),'short');
});
</script>
</html>
接下来是介绍$filter：
1、currency
可以将一串数字转换为货币格式，如：123456789 =>$1,234,567,890.00 ，货币符号为默认为$，可以自定义设置货币符号。
2、date
new Date() ：2016-12-26T08:04:28.629Z
[-1-] 日期格式化
①medium ：Dec 26, 2016 4:05:30 PM
②short ：12/26/16 4:06 PM
③fullDate ：Monday, December 26, 2016
④longDate ：December 26, 2016
⑤mediumDate ：Dec 26, 2016
⑥shortDate ：12/26/16
⑦mediumTime：4:12:05 PM
⑧shortTime ：4:12 PM
* 如果$scope.prop不是一个Date()：①一串数字，date过滤器会把它当做毫秒数处理。②字符串，date过滤器不做处理，直接输出。
[-2-]年份格式化
①date：'y' ：2016
②date：'yy'：16
③date：'yyyy'：2016
[-3-]月份格式化
date：'MMMM'：December
date：'MMM'：Dec
date：'MM'：12（显示两位，如01,02 …）
date：'M'：12
angularjs过滤器（一）------禁止转载------的更多相关文章
- AngularJS过滤器filter入门
在开发中,经常会遇到这样的场景 如用户的性别分为“男”和“女”,在数据库中保存的值为1和0,用户在查看自己的性别时后端返回的值自然是1或0,前端要转换为“男”或“女”再显示出来: 如我要换个羽毛球拍, ...
- AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter
今天遇到了这些问题索性就 写篇文章吧 话不多说直接上栗子 不管任何是HTML格式还是JS格式必须要在 controller 里面写 // new Date() 获取当前时间 yyyy-MM-ddd ...
- AngularJS 过滤器
过滤器可以使用一个管道字符(|)添加到表达式和指令中 AngularJS 过滤器可用于转换数据: currency 格式化数字为货币格式. filter 从数组项中选择一个子集. lowercase ...
- AngularJS过滤器
1.过滤器可以使用一个管道字符(|)添加到表达式和指令中. 再次强调一点,所有的运行都要加入angularJS的库文件(类似JQuery的引用) 常见的AngularJS 过滤器 (1) lowerc ...
- AngularJS 深入理解 $scope 转载▼
AngularJS 深入理解 $scope 转载▼ (2015-04-07 14:09:50) $scope 的使用贯穿整个 AngularJS App 应用,它与数据模型相关联,同时也是表达 ...
- AngularJS学习之旅—AngularJS 过滤器(七)
1.AngularJS 过滤器 过滤器可以使用一个管道字符(|)添加到表达式和指令中. AngularJS 过滤器可用于转换数据: 过滤器 描述 currency 格式化数字为货币格式. filter ...
- AngularJS 1.x系列：AngularJS过滤器（4）
1. AngularJS过滤器(Filter)使用方法 AngularJS中过滤器(Filter)主要功能是格式化数据. AngularJS过滤器使用方法有3种: ◊ 在表达式{{}}中使用 ◊ 在指 ...
- DropDownListFor的种种纠结（禁止转载）
严重禁止转载,好多爬虫软件为了浏览到处抓东西,真缺德 具有键“CorpType”的 ViewData 项属于类型“System.Int64”,但它必须属于类型“IEnumerable<Selec ...
- AngularJS控制器和AngularJS过滤器的学习（3）
前面简单的学习了AngularJS的表达式和指令,就可以说大概对AngularJS有了一定的了解吧,嘿嘿,下面就来总结学习一下AngularJS的控制器和过滤器哦. 说起来AngularJS控制器,其 ...
随机推荐
- WINHTTP的API接口说明
BOOL WINAPI WinHttpAddRequestHeaders( _In_ HINTERNET hRequest, _In_ LPCWSTR pwszHeaders, _In ...
- HPQC HP Quality Center windows 服务
HPQC HP Quality Center windows 服务已经启动的话,就不用运行run.bat 两个是一样的效果.
- Effective C++(16) 成对使用new和delete时要采取相同的形式
问题聚焦: 我们都知道,new和delete要成对使用,但是有时候,事情往往不是按我们预期的那样发展. 对于单一对象和对象数组,我们要分开考虑 遇到typedef时,也需要 ...
- NET实现仓库看板的一些感想
NET实现仓库看板的一些感想 从一名技术开发人员到实施人员的蜕变,从不同的角度看待同一个问题,或许会有不一样的结果.这里记录一下最近一个项目实施的案例,非常有感触! 一. 项目情况简介 本次项目是给一 ...
- TreeMap与TreeSet
TreeMap与TreeSet TreeSet底层则采用一个NavigableMap来保存TreeSet集合的元素.实际上,由于NavigableMap只是一个接口,因此底层依然是使用TreeMap来 ...
- iOS基础 - UITableView的数据源和代理
一.UITableView的代理方法 #pragma mark 每一行的高度 - (CGFloat)tableView:(UITableView *)tableView heightForRowAtI ...
- Dogs[HDU2822]
Dogs Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submissio ...
- C/C++基础知识总结——继承与派生
1. 类的继承与派生 1.1 派生类的定义 (1) 定义规范 class 派生类名: 继承方式 基类1名, 继承方式 基类2名... { ...派生类成员声明; }; (2) 从以上形式上看可以多继承 ...
- Leetcode: UniquePath II
Description: Follow up for "Unique Paths": Now consider if some obstacles are added to the ...
- asp.net缓存(转载）
由于工作的需要,最近对.net缓存做了相关了解和学习.做以下分类: 客户端缓存 第三方的缓存 服务器缓存 客户端缓存 客户端缓存主要是指浏览器帮我们缓存一些页面组件包括脚本,样式,图片等等,由于客户端 ...