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. python 文件拷贝

    用python实现了一个小型的自动发版本的工具.这个“自动发版本”有点虚, 只是简单地把debug 目录下的配置文件复制到指定目录,把Release下的生成文件复制到同一指定,过滤掉不需要的文件夹(. ...

  2. 【html/css】html/css命名规范

    无论做什么,规则总是最重要的.无规矩不成方圆,有了规矩,我们才能有规可循,有则可依,人与人之间才能正常的交流交往. 人人都有自己的命名习惯,不过,代码是需要交流的,当有些命名习惯仅只自己能看懂,甚至自 ...

  3. oracle 多级菜单查询 。start with connect by prior

    select * from S_dept where CODE in(select sd.code from s_dept sd start with sd.code='GDKB' connect b ...

  4. cocos2d-x源码分析(1)

    class CC_DLL CCCopying { public: virtual CCObject* copyWithZone(CCZone* pZone); }; class CC_DLL CCZo ...

  5. 递推 N矩形问题

    Description 给你一个高为n ,宽为m列的网格,计算出这个网格中有多少个矩形,下图为高为2,宽为4的网格. Input 第一行输入一个t, 表示有t组数据,然后每行输入n,m,分别表示网格的 ...

  6. PowerDesigner 建模

    File—New Model—Physical Data Model—Physical Diagram—Model name设置为test,DBMS属性设置为Microsoft SQL Server  ...

  7. 奇葩问题之ToolBar返回键失效

    今天遇到一个奇葩问题,先说现象:接口调用成功,但是在后台业务上报错时(比如:手机号已经被注册过时,接口调用成功,但是后台返回了错误信息:手机号已被注册),toolBar的返回键失效了. 后来仔细看了一 ...

  8. powerdesigner12.5入门教程

    2015年1月23日21:13:43|  分类: 默认分类 |  标签: |字号大中小 订阅 转自http://blog.163.com/aijingyuan_198814/blog/static/1 ...

  9. Java里的if else语句例子

    import java.util.Scanner;public class if_else2{ public static void main(String[] args) { Scanner s=n ...

  10. 在CS代码页获取input输入框内肉----.net学习点滴

    想在后台cs页面得到前台页面aspx中html控件input输入的值.通过访问input输入框的name属性值获取. 解决方法如下: 1.用Request["user"].toSt ...