如果用代码实现：将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. javascript call和apply

    每个函数都包含两个非继承而来的方法:call和apply. 我们可以通过这两个方法来间接调用函数.可以这样: f.call(o); f.apply(o); //o对象间接调用了f函数 这与下面的功能相 ...

  2. WCF RIA Services异常

    .svc处理程序映射缺失导致的WCF RIA Services异常 在确定代码.编译结果和数据库都正常的情况下,无法从数据库取到数据.错误提示:Sysyem.Net.WebException:远程服务 ...

  3. StackTrace堆栈跟踪记录详细日志

    使用StackTrace堆栈跟踪记录详细日志(可获取行号) 2014-04-25 22:30 by 螺丝钉想要螺丝帽, 350 阅读, 3 评论, 收藏, 编辑 上一篇我们提到使用.NET自带的Tra ...

  4. Birdge（桥接）模式

    1.出现原因 1.同一个类型,有两个变化的维度(两个维度的抽象:一个抽象部分的抽象,一个实现部分的抽象) 2.如何应对这种“多维度的变化”?如何利用面向对象技术来使得同一类型可以轻松地沿着两个方向变化 ...

  5. JqGrid帮助文档

    JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信. JQGrid Demo 是一个在线的演示项目.在这里,可以知道jqgrid可以做什么事情. 下面是转自其他人b ...

  6. 【IOS开发】UItextfield输入电话号码，自动调整格式

    UItextfield中实现输入电话号码,自动按位置在加“—”效果.效果图如下. 核心代码: -(BOOL)textField:(UITextField *)textField shouldChang ...

  7. EasyUI DataGrid及Pagination

    接上一篇EasyUI项目驱动学习 DataGrid数据表格及Pagination分页一起介绍 一.通过<table>标记创建DataGrid,嵌套<th>标签定义列表 < ...

  8. CodeFirst 初恋

    CodeFirst 初恋 原著:Prorgamming Entity Framework Entitywork Code First 大家好! 我是AaronYang,这本书我也挺喜欢的,看了一半了, ...

  9. wxWidgets的安装编译、相关配置、问题分析处理

    wxWidgets的安装编译.相关配置.问题分析处理 一.介绍部分 (win7 下的 GUI 效果图见 本篇文章的最后部分截图2张) wxWidgets是一个开源的跨平台的C++构架库(framewo ...

  10. JQUERY UI DOWNLOAD

    JQUERY UI DOWNLOAD jDownload是jQuery的一个下载插件,用户可以在下载文件之前知道文件的详细信息,在提高用户体验度方面起到了很大的作用. 鉴于官网的Demo是通过PHP文 ...