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控制器,其 ...
随机推荐
- 图解：SQL Server SSIS包和job的部署攻略
原文:图解:SQL Server SSIS包和job的部署攻略 以下将建立一个SQL Server SSIS包 然后在job中使用这个包,并将job部署到目标机器 1. 首先建立ssis包,使用sql ...
- IE通过推理IE陈述的版本号
样例: 1. <!--[if !IE]> 除IE外都可识别 <![endif]--> 2. <!--[if IE]> 全部的IE可识别 <![endif]-- ...
- linux sar 命令详解(转载)
linux sar 命令详解 2013-04-01 11:05 [小 大] 来源: 开源中国社区 评论: 0 分享至: 百度权重查询 词库网 网站监控 服务器监控 SEO监控 手机游戏 iPhone游 ...
- ef左联三张表案例
users:用户表 Orderss:订单表 U_O:用户和订单的中间表 OrdersEntities1 oe = new OrdersEntities1(); var resul ...
- Spyder提示ValueError: API 'QString' has already been set to version 1
转载自:http://wuyuans.com/2013/02/spyder-valueerror-api-qstring-has-already-been-set-to-version-1/ 在IPy ...
- 大数据工具篇之Hive与MySQL整合完整教程
大数据工具篇之Hive与MySQL整合完整教程 一.引言 Hive元数据存储可以放到RDBMS数据库中,本文以Hive与MySQL数据库的整合为目标,详细说明Hive与MySQL的整合方法. 二.安装 ...
- C#通过接口与线程通信(捕获线程状态)介绍
C#通过接口与线程通信(捕获线程状态)介绍 摘要:本文介绍C#通过接口与线程通信(捕获线程状态),并提供简单的示例代码供参考. 提示:本文所提到的线程状态变化,并不是指线程启动.暂停.停止,而是说线程 ...
- 1 Java学习之 基本数据类型
1. 基本概念 数据类型在计算机语言里面,是对内存位置的一个抽象表达方式,可以理解为针对内存的一种抽象的表达方式.接触每种语言的时候,都会存在数据类型的认识,有复杂的.简单的,各种数据类型都需要在学习 ...
- 【Yom框架】漫谈个人框架的设计之一：是IRepository还是IRepository<T>？
前言 ...
- WINDOWS下安装PHP7出现PHP-CGI无法启动
事情经过:下载PHP 7.0 然后运行,发现php-cgi一直挂掉.启动不起来.我直接到文件夹下启动PHP-CGI 启动, 失败,报错提示:缺失vcruntime140.dll.当时心中暗暗一笑,当年 ...