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. Matlab学习(一):数字图像处理大作业用到的函数

    1.dlmread——将以 ASCII 码分隔的数值数据读入到矩阵中 dt = dlmread(,); dt = dt(:,); save('data2.txt','dt','-ascii'); 2. ...

  2. TF-IDF 相关概念

    概念 TF-IDF是一种统计方法,用以评估一字词对于一个文件集或一个语料库中的其中一份文件的重要程度. TF-IDF加权的各种形式常被搜索引擎应用,作为文件与用户查询之间相关程度的度量或评级. 词频( ...

  3. js原型

    1.js基本类型和对象类型 js的简单类型包括数字(其中NaN为数字类型).字符串(类似'A'为字符,js没字符类型).布尔值.null值和undefined值.其他所有的值都是对象.数字.字符串和布 ...

  4. atexit函数和两种特殊文件权限位

    atexit函数 atexit函数的原型如下 void atexit(void (*func)(void)) 它是一个参数为返回值和参数均为空的函数指针的函数,含义是当前进程结束之前执行参数函数指针所 ...

  5. decode 横竖转换 2

    select sno,nvl(to_char(sum(decode(cno,'c001',score))),'-') c001,nvl(to_char(sum(decode(cno,'c002',sc ...

  6. 基于OpenCv的人脸检测、识别系统学习制作笔记之二

    在网上找到了一个博客,里面有大量内容适合初学者接触和了解人脸检测的博文,正好符合我目前的学习方面,故将链接放上来,后续将分类原博客的博文并加上学习笔记. 传送门: http://blog.sina.c ...

  7. 【转】Fiddler的基本介绍

    转:http://kb.cnblogs.com/page/130367/#basic Fiddler的官方网站:  www.fiddler2.com Fiddler的官方帮助:http://docs. ...

  8. Webpack使用教程二

    Webpack提供了很多的命令选项来帮助用户构建应用,如果只是通过命令行来使用这些选项,会显得不方便.为了更好的使用Webpack提供的各种命令选项,我们可以创建一个webpack.config.js ...

  9. Nginx代理与负载均衡配置与优化

    Nginx代理 Nginx从0.7.48版本开始,支持了类似Squid的缓存功能.Nginx的Web缓存服务主要由proxy_cache相关指令集和fastcgi_cache相关指令集构成,前者用于反 ...

  10. 一步一步搭建客服系统 (3) js 实现“截图粘贴”及“生成网页缩略图”

    最近在做一个客服系统的demo,在聊天过程中,我们经常要发一些图片,而且需要用其它工具截图后,直接在聊天窗口里粘贴,就可以发送:另外用户输入一个网址后,把这个网址先转到可以直接点击的link,并马上显 ...