angularjs中的filter(过滤器)——格式化日期的date
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的更多相关文章
- 详解AngularJS中的filter过滤器用法
系统的学习了一下angularjs,发现angularjs的有些思想根php的模块smarty很像,例如数据绑定,filter.如果对smarty比较熟悉的话,学习angularjs会比较容易一点.这 ...
- vue 中全局filter过滤器的配置及使用
在项目中使用到的经常用到过滤器,比如时间,数据截取等过滤器,如果在每个.vue中都可以复制同一个过滤器,这可以达到目的,但是遇到方法有bug时就需要诸葛修改进入不同的页面修改,这样既费时又费力,优先可 ...
- Servlet中的Filter 过滤器的简单使用!
package com.aaa.filter; import java.io.IOException; import javax.servlet.Filter; import javax.servle ...
- Java 中的 Filter 过滤器详解
Filter简介 Filter也称之为过滤器,它是Servlet技术中最实用的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态图片文件 ...
- Java中的Filter过滤器
Filter简介 Filter也称之为过滤器,它是Servlet技术中最实用的技术,Web开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态图片文件 ...
- 使用moment.js结合filter过滤器格式化时间
<td>{{item.ctime | timeFormat('yyyy-MM-dd')}}</td> //pattern = "" 形参的默认值,如果传过来 ...
- js 格式化日期 ("/Date(1400046388387)/")
var date = new Date(parseInt(str.replace(/\/Date\((-?\d+)\)\//, '$1'))); var d= date.getFullYear() + ...
- angularJS 格式化日期 转载
angularjs中的filter(过滤器)——格式化日期的date 标签: filterangularjsdate http://blog.csdn.net/smile_panda/article/ ...
- 转载 angularJS filter 过滤器
angularjs中的filter(过滤器) 标签: angularjsfilter 源文地址:http://www.ncloud.hk/技术分享/angularjs中的filter-过滤器/ f ...
随机推荐
- (转载) Linux IO模式及 select、poll、epoll详解
注:本文是对众多博客的学习和总结,可能存在理解错误.请带着怀疑的眼光,同时如果有错误希望能指出. 同步IO和异步IO,阻塞IO和非阻塞IO分别是什么,到底有什么区别?不同的人在不同的上下文下给出的答案 ...
- linux练习题
观察系统当前进程的运行情况的命令是( ):A.freeB.dmesgC.topD.last 答案:http://hovertree.com/tiku/bjag/foxg5n0q.htm Linux系统 ...
- 理解Storm并发
作者:Jack47 PS:如果喜欢我写的文章,欢迎关注我的微信公众账号程序员杰克,两边的文章会同步,也可以添加我的RSS订阅源. 注:本文主要内容翻译自understanding-the-parall ...
- Xamarin. Android实现下拉刷新功能
PS:发现文章被其他网站或者博客抓取后发表为原创了,给图片加了个水印 下拉刷新功能在安卓和iOS中非常常见,一般实现这样的功能都是直接使用第三方的库,网上能找到很多这样的开源库.然而在Xamarin. ...
- 微信硬件H5面板开发(二) ---- 实现一个灯的控制
在第一节中讲解了openApi的调用,这一篇讲一下如何实现一个灯的控制.就用微信提供的lamp例子来做,将代码扒下来(实在是没办法,没有示例),整合到自己的项目中.lamp源码:http://file ...
- PE Checksum Algorithm的较简实现
这篇BLOG是我很早以前写的,因为现在搬移到CNBLOGS了,经过整理后重新发出来. 工作之前的几年一直都在搞计算机安全/病毒相关的东西(纯学习,不作恶),其中PE文件格式是必须知识.有些PE文件,比 ...
- 【初学者指南】在ASP.NET MVC 5中创建GridView
介绍 在这篇文章中,我们将会学习如何在 ASP.NET MVC 中创建一个 gridview,就像 ASP.NET Web 表单中的 gridview 一样.服务器端和客户端有许多可用的第三方库,这些 ...
- Spring的前期配置
1创建一个java项目,鼠标单击项目右键新建一个名为lib的文件夹 2在lib文件夹中考入Spring需要的配置文件(俗称jar包) 3 按Shift选中这些jar右键添加至构建路径 4选中src目录 ...
- Jmeter安装与环境部署
Jmeter安装与环境部署 版权声明:本文为博主原创文章,未经博主允许不得转载. 博主:海宁 联系:whnsspu@163.com
- 【Win 10 应用开发】通过数据绑定更新进度条
实现 INotifyPropertyChanged 接口可以在属性更改后通知数据的使用者,这个相信大伙儿都知道.于是,有朋友会问:对于要实时显示进度的情况,比如更新进度条,能用这个实现吗? 当然是可以 ...