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. java io学习之File类

    1.先看下四个静态变量 static String pathSeparator The system-dependent path-separator character, represented a ...

  2. Robolectric 配置

    费了些工夫,已配好,按记录留记录 按官网操作http://robolectric.org/getting-started/ 1引包 testCompile "org.robolectric: ...

  3. setAttribute()和getAttibute(),getParameter()

    request.setAttribute("key",value)方法给主键设置一个值, request.getAttribute("key")方法从上述设置的 ...

  4. gvim 配置Pydiction

    配置windows下gvim 的python关键字补全插件Pydiction 1.下载Pydiction 2.解压缩包,里面有after文件夹.complete-dict.pydiction.py 3 ...

  5. 0801 am使用tp框架对数据库增删改查

    增添数据,3种方法 function Text3() { $m=D("info"); //1.使用数组 $attr = array( "code"=>&q ...

  6. 自动化运维工具之ansible(转)

    原文链接:http://os.51cto.com/art/201409/451927_all.htm

  7. 【erlang】执行linux命令的两种方法

    os.cmd(Cmd) os模块提供了cmd函数可以执行linux系统shell命令(也可以执行windows命令).返回一个Cmd命令的标准输出字符串结果.例如在linux系统中执行os:cmd(& ...

  8. matlab微分方程dsolve使用

    y=dsolve('Dy=exp(-x-y-2)','y(0)=-2','x') dy/dx 写成Dy (注意大小写) y(0)=-2 表示初始条件 'x'表示积分变量

  9. ubuntu搭建svn服务器(转)

    在阿里云买了个服务器,想上传东西,samba不好用,想起来可以搭个svn用,找到了这篇. 1. 安装SVN apt-get install subversion 2. 建立svn仓库 1). 建立sv ...

  10. html写法对gzip压缩率的影响

    前几天在群里看到小杜分享一篇文章,<html写法对gzip压缩率的影响>,为此我也对这点分析了一下.不知道大家有没有看过这文章,作者是来自微博懒懒交流会,其内容我这里先简述一下. Gzip ...