如果用代码实现：将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. SDUTOJ 2054 双向链表

    #include<iostream> #include<stdlib.h> using namespace std; typedef int ElemType; typedef ...

  2. Android项目----AsyncTask异步操作

    public abstract class AsyncTask extends Object java.lang.Object    ↳ android.os.AsyncTask<Params, ...

  3. Asp.Net Web Api 接口

    如何让你的 Asp.Net Web Api 接口,拥抱支持跨域访问.   由于 web api 项目通常是被做成了一个独立站点,来提供数据,在做web api 项目的时候,不免前端会遇到跨域访问接口的 ...

  4. Android高效开发环境(Genymotion,Gradle,Andriod Studio)

    临近十一,项目接近上线,终于有些碎片时间可以查看一些博客. 这篇博客是Android开发大牛Cyril Mottier在去年写的博客,我把它翻译一下共享给国内志同道合的朋友,同时也是对自己一个很好的锻 ...

  5. Windows 下让 Python 多个版本共存（支持 pip）

    转载自 http://blog.kgzx.net/index.php/archives/40/ 因为类库兼容性的关系,写实际项目时都是用 Python 2,但自己试验性的写点小东西还是喜欢用 Pyth ...

  6. SZU:D89 The Settlers of Catan

    Judge Info Memory Limit: 65536KB Case Time Limit: 3000MS Time Limit: 3000MS Judger: Number Only Judg ...

  7. 解析Infopath生成的XSN结构

    解析Infopath生成的XSN结构 解压XSN文件,得到下图文件 Infopath包括xsl.xsd.xsf.xml文件格式 Manifest.xsf是infopath的主要集合文件,包含对其他各个 ...

  8. 职责链（Chain of Responsibility）模式

    一. 职责链(Chainof Responsibility)模式 责任链模式是一种对象的行为模式.在责任链模式里,很多对象由每一个对象对其下家的引用而连接起来形成一条链.请求在这个链上传递,直到链上的 ...

  9. 生活沉思录 via 哲理小故事（四）

    1.围墙里的墓碑 第一次世界大战期间,驻守意大利某小镇的年轻军官结识了镇上的牧师.虽然军官信仰信教,而牧师是天主教牧师,但两人一见如故. 军官在一次执行任务中身负重伤,弥留之际嘱托牧师无论如何要把自己 ...

  10. Go Code

    目录 备注工作空间(Workspaces)GOPATH环境变量包路径(Package Path)你的第一个程序你的第一个类库包名字(Package Name)测试集成备注 备注返回目录 此文主要是对官 ...