date过滤器的功能是基于要求的格式格式化一个日期成为一个字符串。

格式化字符串的基本参数:

‘yyyy’: 用4位数字表示年(例如:AD 1 => 0001, AD 2010 => 2010)

‘yy’: 用两位数字表示年(00-99)(例如:AD 2001 => 01, AD 2010 => 10)

‘y’: 用一位数字代表年(例如:AD 1 => 1, AD 199 => 199)

‘MMMM’: 英文全称表示月(January-December)

‘MMM’: 英文缩写表示月(Jan-Dec)

‘MM’: 两位数字表示月(01-12)

‘M’: 月(1-12)

‘dd’: 两位数字表示日(01-31)

‘d’: 日(1-31)

‘EEEE’: 英文全称的一周中的天(Sunday-Saturday)

‘EEE’: 英文缩写的一周中的天(Sun-Sat)

‘HH’: 两位数表示24小时制的时(00-23)

‘H’: 24小时制的时(0-23)

‘hh’: 两位数字表示上午或下午的时(01-12)

‘h’: 上午或下午的时(1-12)

‘mm’: 两位数字表示分(00-59)

‘m’: 分(0-59)

‘ss’: 两位数字表示秒(00-59)

‘s’: 秒(0-59)

‘sss’: 毫秒(000-999)

‘a’: AM/PM

‘Z’: 4位数字(+符号)代表时区偏移量(-1200——+1200)

‘ww’: 用两位数字表示一年的周数(00-53),第一周(01)是一年中的第一个星期四

‘w’:  一年的周数(0-53),第一周(1)是一年中的第一个星期四

‘G’,’GG’,‘GGG’: 年代字符串的缩写形式,例如‘AD’(公元)

‘GGGG’: 年代字符串的全称,例如‘Anno Domini’(公元)

上面这些参数我们可以根据自己的意愿自由组合得到自己想要的格式,例如'yyyy-MM-dd'等。

格式化字符串也提供了一些预定义的本地化格式,可以方便我们使用:

medium:‘MMM d,y h:mm:ss a’ 例如:Sep 3, 2010 12:05:08 PM

short:‘M/d/yy h:mm a’ 例如: 9/3/10 12:05 PM

fullDate: ’EEEE,MMMM d,y’ 例如:Friday, September 3, 2010

longDate: ‘MMMM d,y’ 例如:September 3, 2010

mediumDate: ’MMM d,y’ 例如: Sep 3, 2010

shortDate: ’M/d/y’ 例如: 9/3/10

mediumTime: ’h:mm:ss a’ 例如:12:05:08 PM

shortTime: ’h:mm a’  例如:12:05 PM

格式化字符串可以包含文本值。这些需要被单引号包围(例如 “h ‘in the morning’”),如果想输出一对单引号,就在一个序列中用两个双引号(例如:“h ‘o’’clock’”)

date过滤器的用法:

1.在html中用法:{{ date_expression | date : format : timezone}}

实例:

<span>{{1288323623006 | date:'medium'}}</span><br>

<span>{{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}</span><br>

<span>{{'1288323623006' | date:'MM/dd/yyyy @ h:mma'}}</span><br>

<span>{{'1288323623006' | date:"MM/dd/yyyy 'at' h:mma"}}</span><br>

输出结果为:

Oct 29, 2010 11:40:23 AM

2010-10-29 11:40:23 +0800

10/29/2010 @ 11:40AM

10/29/2010 at 11:40AM

2.在JavaScript中的用法:$filter('date')(date, format, timezone)

实例:

var today = new Date();

$scope.formatDate = $filter('date')(today, 'yyyy-MM-dd');

输出结果为:

2015-01-28

angularjs中的filter(过滤器)——格式化日期的date的更多相关文章

  1. 详解AngularJS中的filter过滤器用法

    系统的学习了一下angularjs,发现angularjs的有些思想根php的模块smarty很像,例如数据绑定,filter.如果对smarty比较熟悉的话,学习angularjs会比较容易一点.这 ...

  2. vue 中全局filter过滤器的配置及使用

    在项目中使用到的经常用到过滤器,比如时间,数据截取等过滤器,如果在每个.vue中都可以复制同一个过滤器,这可以达到目的,但是遇到方法有bug时就需要诸葛修改进入不同的页面修改,这样既费时又费力,优先可 ...

  3. Servlet中的Filter 过滤器的简单使用!

    package com.aaa.filter; import java.io.IOException; import javax.servlet.Filter; import javax.servle ...

  4. Java 中的 Filter 过滤器详解

    Filter简介 Filter也称之为过滤器,它是Servlet技术中最实用的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态图片文件 ...

  5. Java中的Filter过滤器

    Filter简介 Filter也称之为过滤器,它是Servlet技术中最实用的技术,Web开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态图片文件 ...

  6. 使用moment.js结合filter过滤器格式化时间

    <td>{{item.ctime | timeFormat('yyyy-MM-dd')}}</td> //pattern = "" 形参的默认值,如果传过来 ...

  7. js 格式化日期 ("/Date(1400046388387)/")

    var date = new Date(parseInt(str.replace(/\/Date\((-?\d+)\)\//, '$1'))); var d= date.getFullYear() + ...

  8. angularJS 格式化日期 转载

    angularjs中的filter(过滤器)——格式化日期的date 标签: filterangularjsdate http://blog.csdn.net/smile_panda/article/ ...

  9. 转载 angularJS filter 过滤器

    angularjs中的filter(过滤器) 标签: angularjsfilter   源文地址:http://www.ncloud.hk/技术分享/angularjs中的filter-过滤器/ f ...

随机推荐

  1. SQL Server常见问题介绍及快速解决建议

    前言 本文旨在帮助SQL Server数据库的使用人员了解常见的问题,及快速解决这些问题.这些问题是数据库的常规管理问题,对于很多对数据库没有深入了解的朋友提供一个大概的常见问题框架. 下面一些问题是 ...

  2. 如何获取url中的参数并传递给iframe中的报表

    在使用报表软件时,用户系统左边一般有目录树,点击报表节点就会在右侧网页的iframe中显示出报表,同时点击的时候也会传递一些参数给网页,比如时间和用户信息等.如何使网页中的报表能够获取到传递过来的参数 ...

  3. 超千个节点OpenStack私有云案例(1):CERN 5000+ 计算节点私有云

    CERN:欧洲核子研究组织 本文根据以下几篇文章整理而来: https://www.openstack.org/summit/tokyo-2015/videos/presentation/unveil ...

  4. 按照Enterprise Integration Pattern搭建服务系统

    在前一篇文章中,我们已经对Enterprise Integration Pattern中所包含的各个组成进行了简单地介绍.限于篇幅(20页Word以内),我并没有深入地讨论各个组成.但是如果要真正地按 ...

  5. TDD原则

    TDD 介绍 测试驱动开发,或者叫 TDD,是一个敏捷方法,通过确保在代码是先前手动编写测试用 例,用测试来驱动开发,从而翻转开发生命周期(它不只是作为一种校验工具). TDD 的原则很简单的: 只有 ...

  6. TODO:数据库优化之分页

    TODO:数据库优化之分页 本文的例子是以MongoDB数据库为准,其它数据库各位也可以举一反三进行优化. 在MongoDB中分页使用 a.skip(n)跳过前n个匹配的文档: b.limit(m)返 ...

  7. PL/SQL快速选中一行并执行

    首先确认光标必须处在该行的位置 按下End键位 其次按下shift+home 最后按下F8执行

  8. 使用 Arrays 类操作 Java 中的数组

    Arrays 类是 Java 中提供的一个工具类,在 java.util 包中.该类中包含了一些方法用来直接操作数组,比如可直接实现数组的排序.搜索等(关于类和方法的相关内容在后面的章节中会详细讲解滴 ...

  9. php 查询

    <h1>租房信息</h1> <?php $db = ","asdadads"); $tj = "1=1"; $tj1 = ...

  10. UML

    UML:1.继承关系用空心三角形+实线来表示2.实现接口用空心三角形+虚线来表示3.关联关系用实线箭头来表示4.依赖关系用虚线箭头来表示5.聚合关系用空心菱形+实线箭头来表示6.组合关系用实心菱形+实 ...