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. html特殊字符转义问题(转!)

    html.javascript.url特殊字符转义在实际编程中都是有用到的,有的人对特殊字符转义的使用不是很清楚,下面就对html,javascript,url特殊字符的转义做一下说明和归纳. htm ...

  2. AppcompatActivity闪退问题解决方案

    apply plugin: 'com.android.application' android { compileSdkVersion 23 buildToolsVersion "23.0. ...

  3. 将Discuz.net 集成到asp.net

    1,将bbs文件夹拷贝到网站的根目录下: 2,将bbs里面的bin目录,config目录,cache目录,DNT.config文件拷贝到网站根目录下: 3,修改网站web.config文件,在http ...

  4. mormot 数据集转换为JSON字串

    mormot 数据集转换为JSON字串 unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graph ...

  5. XE3随笔3:访问

    测试数据提前加入 Memo1 中: { "name": "张三", /* 注释 */ "age": 33, "sex": ...

  6. github的一些指令

  7. jquery 获取radio选中的值

    如下案例:常用方法 1.获取选中值,三种方法都可以: $('input:radio:checked').val(): $("input[type='radio']:checked" ...

  8. js注意

    使用集成函数注意返回值,有的不会改变现有对象,仅返回对象的副本,而有的会改变现有对象并返回该对象. 变量名不能和函数名相同,否则会被覆盖. 查询时看清楚返回的是单个元素还是集合,如果是使用返回集合的方 ...

  9. C3P0连接池连接MySQL出现的问题

    1.Clearing pending acquires. While trying to acquire a needed new resource, we failed to succeed mor ...

  10. bcb安装控件方法汇总

    1.BCB 菜单: Project->Options->Packages->Add[喝小酒的网摘]http://blog.const.net.cn/a/8496.htm如果是BCB6 ...