date 过滤器可以将日期格式化成需要的格式。AngularJS中内置了几种日期格式,如果没有指定使用任何格式,默认会采用 mediumDate 格式,下面的例子中展示了这个格式。

·下面是内置的支持本地化的日期格式:
  {{ today | date:'medium' }} <!-- Aug 09, 2016 12:09:02 PM -->
  {{ today | date:'short' }} <!-- 11/11/1612:09PM -->
  {{ today | date:'fullDate' }} <!-- Thursday, August 09, 2016 -->
  {{ today | date:'longDate' }} <!-- August 09, 2016 -->
  {{ today | date:'mediumDate' }}<!-- Aug 09, 2016 -->
  {{ today | date:'shortDate' }} <!-- 8/9/16 -->
  {{ today | date:'mediumTime' }}<!-- 12:10:12 PM -->
  {{ today | date:'shortTime' }} <!-- 12:09 PM -->

·年份格式化
  四位年份:{{ today | date:'yyyy' }} <!-- 2016 -->
  两位年份:{{ today | date:'yy' }} <!-- 13 -->
  一位年份:{{ today | date:'y' }} <!-- 2016 -->

·月份格式化
  英文月份:{{ today | date:'MMMM' }} <!-- August -->
  英文月份简写:{{ today | date:'MMM' }} <!-- Aug -->
  数字月份:{{ today |date:'MM' }} <!-- 08 -->
  一年中的第几个月份:{{ today |date:'M' }} <!-- 8 -->

·日期格式化
  数字日期:{{ today|date:'dd' }} <!-- 09 -->
  一个月中的第几天:{{ today | date:'d' }} <!-- 9 -->
  英文星期:{{ today | date:'EEEE' }} <!-- Thursday -->
  英文星期简写:{{ today | date:'EEE' }} <!-- Thu -->

·小时格式化
  24小时制数字小时:{{today|date:'HH'}} <!--00-->
  一天中的第几个小时:{{today|date:'H'}} <!--0-->
  12小时制数字小时:{{today|date:'hh'}} <!--18-->
  上午或下午的第几个小时:{{today|date:'h'}} <!--18-->

·分钟格式化
  数字分钟数:{{ today | date:'mm' }} <!-- 08 -->
  一个小时中的第几分钟:{{ today | date:'m' }} <!-- 8 -->

·秒数格式化
  数字秒数:{{ today | date:'ss' }} <!-- 02 -->
  一分钟内的第几秒:{{ today | date:'s' }} <!-- 2 -->
  毫秒数:{{ today | date:'.sss' }} <!-- .995 -->

·字符格式化
  上下午标识:{{ today | date:'a' }} <!-- AM -->
  四位时区标识:{{ today | date:'Z' }} <!--- 0700 -->

·下面是一些自定义日期格式的示例:
  {{ today | date:'MMMd, y' }} <!-- Aug22, 2016 -->
  {{ today | date:'EEEE, d, M' }} <!-- Thursday, 9, 8-->
  {{ today | date:'hh:mm:ss.sss' }} <!-- 12:19:12.995 -->

AngularJS的date 过滤器的更多相关文章

  1. 前端MVC学习总结——AngularJS验证、过滤器

    前端MVC学习总结--AngularJS验证.过滤器 目录 一.验证 二.过滤器 2.1.内置过滤器 2.1.1.在模板中使用过滤器 2.1.2.在脚本中调用过滤函数 2.2.自定义过滤器 三.指令( ...

  2. angularjs开发常见问题-2(angularjs内置过滤器)

    在angular中内置了几个经常使用的filter,能够简化我们的操作. 过滤器使用 '|' 符号,概念有点相似于linux中的管道. 1.filter (过滤) filter能够依据条件过滤数据.样 ...

  3. angularJS笔记之过滤器

    angular的过滤器用法: 1.模板中使用 {{expression|filter}} 也可以多个filter连用 {{expression|filter1|filter2|...}} filter ...

  4. 前端MVC学习总结(二)——AngularJS验证、过滤器、指令

    一.验证 angularJS中提供了许多的验证指令,可以轻松的实现验证,只需要在表单元素上添加相应的ng属性,常见的如下所示: <input Type="text" ng-m ...

  5. angularjs之filter过滤器

    现在公司用ionic,就是基于angularjs封装了一些api用于webapp,最近用的angularjs的filter确实省了很多代码,现在总结一下! ng比较鸡肋的过滤器,这里就一笔带过吧!鸡汤 ...

  6. AngularJS中的过滤器

    欢迎大家指导与讨论 : ) 一.前言 AngularJS的过滤器能够将数据在被指令处理到显示在视图之前进行处理和转换.而且,过滤器不会修改作用域中的数据本身,即过滤器会保证数据的完整性.这样子能够允许 ...

  7. 前端MVC学习笔记(二)——AngularJS验证、过滤器、指令

    一.验证 angularJS中提供了许多的验证指令,可以轻松的实现验证,只需要在表单元素上添加相应的ng属性,常见的如下所示: <input Type="text" ng-m ...

  8. 【angularJS】Filter 过滤器

    当从后台获取到的数据呈现到视图上时,此时可能需要对数据进行相应的转换,此时我们可以通过过滤器在不同页面进行不同数据的格式抓换,在AngularJS中有常见默认的过滤器,当然若不满足所需,我们可以自定义 ...

  9. 关于angularjs 中自定义过滤器

    包子认为,在angularjs中,经常需要用到自定义过滤器,来过滤相应的功能,自定义过滤器非常的简单,我就直接贴代码啦 其中input就是你需要进行操作的对象,,,用法就直接就是 是不是很easy.. ...

随机推荐

  1. 第二次作业#include <stdio.h> int main() { int a,b,c,d,e; printf("请输入一个不多于五位的整数:\n"); scanf("%d",&a); if(a>=100000||a<=0) { printf("输入格式错误! \n"); } else { if(

    1 判断成绩等级 给定一百分制成绩,要求输出成绩的等级.90以上为A,80-89为B,70-79为C,60-69为D,60分以下为E,输入大于100或小于0时输出"输入数据错误". ...

  2. WCF三种通信模式

    WCF在通信过程中有三种模式:请求与答复.单向.双工通信. 请求与答复模式 描述:客户端发送请求,然后一直等待服务端的响应(异步调用除外),期间处于假死状态,直到服务端有了答复后才能继续执行其他程序 ...

  3. xsltproc docbook 转 html

    /etc/xml/catalog <?xml version="1.0" encoding="UTF-8"?> <catalog xmlns= ...

  4. 問題排查:行動裝置網頁前端 UI 設計 (2)

    之前上網找了個星級評分的範例來玩, 當然這個範例已經用在另一個專案了, 目前看起來沒什麼狀況, 不過在移植到目前的專案之後, 就出現了怪現象: 1. 在大部份時間裡,點擊星星不會有任何反應 2. 即便 ...

  5. Vi Command 【转载】

    原文: http://www.cnblogs.com/Jesenwuzj/archive/2010/03/18/1688776.html Vi中文手册 1.vi的基本概念 基本上vi可以分为三种状态, ...

  6. Linux下cutecom使用USB转串口线

    http://www.cnblogs.com/pang123hui/archive/2011/05/29/2309888.html 在Linux下的串口调试一直使用minicom,虽说Linux的精髓 ...

  7. UVAlive3486_Cells

    给一棵树,每次每次询问一个点是否是另一个点的祖先? 首先,题目的读入就有点坑爹,注意,每个节点的值是说明它下面有多少个儿子节点,直接对于每个下标保存一个值即可. 对于查询是否是祖先,我们可以对于每一个 ...

  8. 关于把A表中的数据复制到B表中(整理)

    如果A,B两个表中没有重复数据且表结构一样可以直接 insert into B select * from A 如果结构不一样可以 insert into B(字段列表),select 字段列表 fr ...

  9. ArcGIS移动开发策略的选择[转]

    智能设备变得越来越普及,从三岁大的小孩到祖父祖母辈都能顺利使用,信息从没像如此这般的容易传递到每个人的手中,开发者们普遍觉得应该慎重考虑下移动开发策略,是web的.混合的.还是native的更好. 这 ...

  10. [转]oracle pump expdp impdp使用

    用expdp或impdp命令时, 可暂不指出用户名/密码@实例名 as 身份, 然后根据提示再输入,  如:     expdp schemas=scott DIRECTORY=dpdata  dum ...