如果用代码实现:将new Date()转换为 M/D/YY 00:00 格式。

启用过滤器有两种方式:①在HTML中用“|”启用过滤器。格式为{{$scope.property | filter:'name'}}

②在angularJS代码中启用$filter功能。首先依赖注入,$scope.prop=$filter('fitlterName')('value')

①的示例代码:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>angularTest</title>
  5. <script type="text/javascript" src='angular.min.js'></script>
  6. </head>
  7. <body>
  8. <div ng-app='myApp'>
  9. <div ng-controller='myController'>
  10. <div>{{today|date:'short'}}</div>
  11. </div>
  12. </div>
  13. </body>
  14. <script>
  15. var app=angular.module('myApp',[]);
  16. app.controller('myController',['$scope',function($scope){
  17. .$scope.today=new Date();
  18. }]);
  19. </script>
  20. </html>

②的示例代码:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>angularTest02</title>
  5. <script type="text/javascript" src='angular.min.js'></script>
  6. </head>
  7. <body>
  8. <div ng-app='myApp'>
  9. <div ng-controller='myController'>
  10. <div>{{today}}</div>
  11. </div>
  12.  
  13. </div>
  14. </body>
  15. <script>
  16. var app=angular.module('myApp',[]);
  17. app.controller('myController',function($filter,$scope){
  18. $scope.today=$filter('date')(new Date(),'short');
  19. });
  20. </script>
  21. </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过滤器(一)------禁止转载------的更多相关文章

  1. AngularJS过滤器filter入门

    在开发中,经常会遇到这样的场景 如用户的性别分为“男”和“女”,在数据库中保存的值为1和0,用户在查看自己的性别时后端返回的值自然是1或0,前端要转换为“男”或“女”再显示出来: 如我要换个羽毛球拍, ...

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

    今天遇到了这些问题索性就 写篇文章吧 话不多说直接上栗子 不管任何是HTML格式还是JS格式必须要在  controller 里面写 // new Date() 获取当前时间 yyyy-MM-ddd ...

  3. AngularJS 过滤器

    过滤器可以使用一个管道字符(|)添加到表达式和指令中 AngularJS 过滤器可用于转换数据: currency 格式化数字为货币格式. filter 从数组项中选择一个子集. lowercase ...

  4. AngularJS过滤器

    1.过滤器可以使用一个管道字符(|)添加到表达式和指令中. 再次强调一点,所有的运行都要加入angularJS的库文件(类似JQuery的引用) 常见的AngularJS 过滤器 (1) lowerc ...

  5. AngularJS 深入理解 $scope 转载▼

    AngularJS 深入理解 $scope 转载▼ (2015-04-07 14:09:50)     $scope 的使用贯穿整个 AngularJS App 应用,它与数据模型相关联,同时也是表达 ...

  6. AngularJS学习之旅—AngularJS 过滤器(七)

    1.AngularJS 过滤器 过滤器可以使用一个管道字符(|)添加到表达式和指令中. AngularJS 过滤器可用于转换数据: 过滤器 描述 currency 格式化数字为货币格式. filter ...

  7. AngularJS 1.x系列:AngularJS过滤器(4)

    1. AngularJS过滤器(Filter)使用方法 AngularJS中过滤器(Filter)主要功能是格式化数据. AngularJS过滤器使用方法有3种: ◊ 在表达式{{}}中使用 ◊ 在指 ...

  8. DropDownListFor的种种纠结(禁止转载)

    严重禁止转载,好多爬虫软件为了浏览到处抓东西,真缺德 具有键“CorpType”的 ViewData 项属于类型“System.Int64”,但它必须属于类型“IEnumerable<Selec ...

  9. AngularJS控制器和AngularJS过滤器的学习(3)

    前面简单的学习了AngularJS的表达式和指令,就可以说大概对AngularJS有了一定的了解吧,嘿嘿,下面就来总结学习一下AngularJS的控制器和过滤器哦. 说起来AngularJS控制器,其 ...

随机推荐

  1. Wijmo 5 + Ionic Framework之:费用跟踪 App

    Wijmo 5 + Ionic Framework之:费用跟踪 App 费用跟踪应用采用了Wijmo5和Ionic Framework创建,目的是构建一个hybird app. 我们基于<Mob ...

  2. CSS知识点:清除浮动

    开场白 我们平时工作中,很容易遇到浮动效果.一个DIV中嵌套多个DIV,左边显示一个DIV,右边显示一个DIV,外层DIV的高度随着内层内容的高度变化.这就是最基本的浮动效果.下图的百度搜索结果就是一 ...

  3. 使用JSmooth制造java jar文件可以运行exe文件教程图像

    这是我之前在个人博客3yj上面写的一篇文章,如今转载过来,原文地址 (这不是广告哦) 几年前,刚接触java的是.就想用一些方法把自己的劳动果实保护起来,曾经也用过非常多这种工具.有一个特别好用,今天 ...

  4. Libcurl最初的实现tfp上传和下载功能

    研究报告指出的目标是使用libcurl实现ftp文件上传和下载功能 一.Libcurlde简要 Libcurl的而且易于使用的利用url进行文件传输的库. , libcurl当前支持DICT, FIL ...

  5. Liunx readlink命令

    readlink命令 分类: Shell 2013-07-13 16:41 417人阅读 评论(0) 收藏 举报 readlink是linux系统中一个常用工具,主要用来找出符号链接所指向的位置. 在 ...

  6. sql分组合并字段重复项sql for xml path

    -------------------------(情景描述) 在我们处理数据时,可能会碰到这种情景: Id                Name 1                  a,b 2  ...

  7. 数据类型和typeof操作符

    虽然学习js有一段时间了,但是对js的基础语法却是有些生疏.最近在看jquery源码,决定随带总结一些基础的语法知识.今天总结一下数据类型和typeof,这在写js的时候,是不得不知道的知识. 数据类 ...

  8. 【值得收藏】符号计算软件Maple的学习资料汇编【可免费下载】

    Maple学习教程 Maple是目前世界上最为通用的数学和工程计算软件之一,在数学和科学领域享有盛誉,有“数学家的软件”之称.Maple在全球拥有数百万用户,被广泛地应用于科学.工程和教育等领域,用户 ...

  9. WebService支持多平台上传文件的实现

    WebService支持多平台上传文件的实现   要使用网站上传文件,在ASP.NET的范畴,我基本上能想到的有两类,一类是通过HTTP POST请求获得文件信息,另外一类是通过WebService或 ...

  10. CompareValues标签对Model中的属性进行验证

    在Asp.Net MVC中实现CompareValues标签对Model中的属性进行验证   在Asp.Net MVC中可以用继承ValidationAttribute的方式,自定制实现Model两个 ...