如果用代码实现：将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过滤器（一）------禁止转载------的更多相关文章

  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. asp.net如何实现word文档在线预览

    原文:asp.net如何实现word文档在线预览 实现方式:office文档转html,再在浏览器里面在线浏览 1.首先引入com组件中office库,然后在程序集扩展中引入word的dll 2.将M ...

  2. SSMS2008插件开发(1)--介绍

    原文:SSMS2008插件开发(1)--介绍 SSMS2008就是Microsoft Sql Server Management Studio 2008的简称.许多人叫做SQL2008或SQL SER ...

  3. Best jQuery Plugins of the Month – May 2014

    1. jQuery referenceSection jQuery referenceSection by Scott Mascio ensures to help users in adding a ...

  4. 动画操作 (Applying Animations) ngAnimate12

    动画操作 (Applying Animations) ngAnimate step 12 1.切换目录 git checkout step-12 npm start 2.效果图 这里在点击右边的缩略图 ...

  5. SZU:J38 Number Base Conversion

    Judge Info Memory Limit: 32768KB Case Time Limit: 1000MS Time Limit: 1000MS Judger: Number Only Judg ...

  6. ASP.NET MVC 使用MSBuild部署的几个注意事项

    ASP.NET MVC 使用MSBuild部署的几个注意事项 做新项目,当时参考NopCommerce的结构,后台Nop.Admin是一个独立的Area Web Site,但部署的时候发现,使用一键发 ...

  7. springmvc国际化 基于请求的国际化配置

    springmvc国际化 基于请求的国际化配置 基于请求的国际化配置是指,在当前请求内,国际化配置生效,否则自动以浏览器为主. 项目结构图: 说明:properties文件中为国际化资源文件.格式相关 ...

  8. 使用WCF扩展在方法调用前初始化环境

    使用WCF扩展在方法调用前初始化环境 OperationInvoker 介绍 OperationInvoker 是 WCF 运行时模型中在调用最终用户代码前的最后一个扩展点,OperationInvo ...

  9. 【C#】聊聊不需要记密码的密码管理补充帖 —— 具体实现

    开篇第一句话,就是“小白继续,有实际经验的兄弟们可以洗洗睡了”,因为这个 Lite 版是个实验性的实现,也由于水平原因源码不忍直视,所以如果你坚持看完了,请留下宝贵意见. 以下,干货: 基本模式: 程 ...

  10. Weka开发［3］－Evaluation类

    上一次最后的结果就是一个分类的值,可能让大家大失所望,这一次会给大家一个比较完美的答案,这就是Evaluation类,这次只讲一下最简单的用法,首先初始化一个Evaluation对象,Evaluati ...