`
keren
  • 浏览: 1559451 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

extjs日期的格式化详解

 
阅读更多
ExtJs的Date格式字符代码
Date类在ExtJs中提供的方法算是少的。但是,另外一方面,因为历史原因,现在Date无论在哪个语言里面,表征其格式变量的字母都很多。本节就着重讲解Date的日期格式表示。这些都是ExtJs API中的内容,如果有中文版的可以直接跳过这里了。如果需要继续看的,请注意,其中的格式字符时大小写敏感的。


Y 年的数字表示,4位数字,例如1999
y 年的两位数字表示,例如99或03
o ISO-8601年的数字表示(与Y相同,但是如果ISO周的数W属于前一年或者下一年,那么就用那个年)例如1998或者2004
L 是否是闰年。1表示是闰年,否则0


F 月份的全称。Januray到December
M 月份文本的简写。Jan到Dec
m 月份的数字表示,0开始。例如 01 到 12
n 月份的数字表示,不以0开头。1到12


D 表示星期中天的缩写。例如,Mon到Sun
l 跟D一样,不过是全称,例如Sunday到Saturday
w 一周7天的数字表示0(周日)到6(周六)
N ISO-8601一周7天的数字表示。1表示Monday(周一)到7表示Sunday(周日)
W ISO-8601一年中周的数字表示。每周从周一开始计的。所以有01-53,顺序标记了53个周。


d 以0开头的两位数字,表征了一个月中的天。例如,01到31
j 跟d的内容一样,只不过不用0开头。例如,1到31
t 给定月份内的天数。28到31
S 英文中叙述的后缀,用来表示一个月的天时候用,2个字符,跟j可以良好配合。例如,st,nd,rd,或者th(1st,2nd,3rd,4th)
z 一年365天的数字表示,从0开始。即0-364,闰年则是0-365

上下午
a AM和PM的小写。例如,am或者pm
A AM和PM的大写。例如,AM或者PM


g 不以0开头的12小时格式,1到12
h 以0开头的12小时格式,01到12
G 不以0开头的24小时格式,0到23
H 以0开头的24小时格式,00到23


i 以0开头的分钟表示,00到59


s 以0开头的秒表示,00到59
u 秒的小数部分。至少一位数字,多了不限。例如001表示0.001秒。999表示0.999秒。12312312表示0.12312312秒。
U 从Unix纪元开始(January 1 1970 00:00:00 GMT) 到现在的秒。例如1193432466
Z 当前时区与UTC相比相差的秒数,如果在UTC西边就是负数,东边就是正数。-4300到50400

时区
O 与格林威治时间的时间差。例如+1030
P 带冒号的与格林威治时间的时间差。例如-08:00
T 运行当前代码机器所处的时区的缩写。例如EST,MDT,PDT
c ISO8601的日期表示(注意,如果秒有小数部分,则至少1位数字,多了不限。参见www.w3.org/TR/NOTE-datetiem获取更多内容。例子,2007-04-17T15:19:21+08:00 or 2008-03-16T16:18:22Z or 2009-02-15T17:17:23.9+01:00 or 2010-01-14T18:16:24,999876543-07:00

以上就是Date的格式符。在使用的过程中要特别注意了,因为有的时候我们自定义格式的时候,会遇到一些单词中的字母跟格式符一致的情况。当然这个时候我们需要输出的是单词而不是某个Date所表示的内容。素以这个时候必须使用转义字符来处理。例如:

var dt = new Date('1/10/2007 03:05:01 PM GMT-0600');
document.write(dt.format('Y-m-d')); // 2007-01-10
document.write(dt.format('F j, Y, g:i a')); // January 10, 2007, 3:05 pm
document.write(dt.format('l, \\t\\he jS \\of F Y h:i:s A')); // Wednesday, the 10th of January 2007 03:05:01 PM


下面在给出一个日期样式的对象,API中有这个,非常好用。虽然它本身不是Date中的一部分。但是灵活应用的话会给程序的书写带来很大的便利。

eg:
Date.patterns = { 
ISO8601Long:"Y-m-d H:i:s", 
ISO8601Short:"Y-m-d", 
ShortDate: "n/j/Y", 
LongDate: "l, F d, Y", 
FullDateTime: "l, F d, Y g:i:s A", 
MonthDay: "F d", 
ShortTime: "g:i A", 
LongTime: "g:i:s A", 
SortableDateTime: "Y-m-d\\TH:i:s", 
UniversalSortableDateTime: "Y-m-d H:i:sO", 
YearMonth: "F, Y" 
};


使用:
var dt = new Date(); 
document.write(dt.format(Date.patterns.ShortDate));
分享到:
评论

相关推荐

    EXTJS Javascript HTML 代码格式化 工具

    终于找到了 EXTJS Javascript HTML 代码格式化 工具。

    extjs日期显示(如何转换日期格式)

    extjs日期显示(如何转换日期格式),亲自试验过的,extjs6中可以使用的

    EXTJS_DATEFORMAT 日期格式对应

    EXTJS_DATEFORMAT 日期格式对应,网上找到的,挺好用的

    extjs My97使用 extjs时间 extjs日期使用

    extjs4.0结合My97DatePicker4.7版本使用 使用简单 方便 解决extjs中日期控件不能显示时间的问题 下载后将其放到extjs目录的examples下 直接运行date.html即可 extjs4.0版本 4.0以前的版本没有测试过 如果有4.0版本...

    ExtJS资料笔记(extjs各个属性的详解)

    ExtJS资料笔记(extjs各个属性的详解) ExtJS资料笔记(extjs各个属性的详解) ExtJS资料笔记(extjs各个属性的详解)

    EXTJS日期扩展年月和年月日时分秒

    分享给爱好EXTJS的同胞们! EXTJS4.0文件夹下面包括 1.只有年月选择--dateYM.html (这个在EXTJS4.0和4.1下显示都是可以的) 2.扩展日期选择时分秒--dateTimeField4.0.html (这个只在EXTJS4.0下显示可以) ...

    EXTJS.GRIDPANEL 日期格式

    EXTJS.GRIDPANEL中日期格式 设置

    ExtJs 带清空功能的日期组件

    ExtJs 的日期控件不带清空功能,项目有可能需要一个带清空功能的日期控件。

    ExtJS日期时间选择控件示例

    ExtJS日期时间控件。详细信息参照我的博文: http://blog.csdn.net/lvye1221/article/details/10225941 这是我在 apache 目录下部署了测试示例。将附件中的测试用例,按照以下方式部署好,即可成功访问: apache ...

    Extjs5 日期时间

    注意事项:1、只有日期、年、月、日全部选择后,才能从name中获取值,日期格式:YYYY-MM-dd HH:mm:ss。如果没有全部选择, 则获取空值。 待优化:1、因为使用fieldcontainer进行的封装,整个空间大小较宽,日后应...

    extjs 年月日期插件

    extjs中有时候查询需要通过日期(年月)查询。而这就是一个只显示年月的日期插件,很好用

    简洁的EXTJS日期选择插件.rar

    一款简洁的外观基于EXTJS的日期选择插件,日历插件,在网页上选择日期使用的小插件,按照ext DatePicker素材及思想简化重新实现日历选择器,尚未实现:键盘导航,小时分钟选择,  1.Date api ,某日属于周几,某月...

    extjs 日期时间

    extjs2.0实现的日期时间选择控件,直接放在extjs的examples文件夹下运行。

    Extjs5 日期时间公共组件

    注意事项:1、只有日期、年、月、日全部选择后,才能从name中获取值,日期格式:YYYY-MM-dd HH:mm:ss。如果没有全部选择, 则获取空值。 待优化:1、因为使用fieldcontainer进行的封装,整个空间大小较宽,日后应...

    extjs日期+时间控件

    http://www.uspcat.com/forum.php?mod=viewthread&tid=5293 帖子上的日期时间控件有显示的问题,现在修改一下发出来, 该控件基于4.1版本

    extjs4扁平化设计

    extjs4扁平化设计,extjs4自定义主题,效果还不错,比较适合快捷学习和修改页面使用。

    ExtJS 4 技术详解,全面解析ExtJS 4

    全面解析ExtJS4以及使用经验总结,包括新特性。

    ExtJs的图形化

    eclipse的Extjs的图形化开发插件,实用性比较强

    ExtJS日期多选组件源码

    ExtJS日期多选组件源码 日期一般是单选,有时间有需要选择多个日期的情况,返回一个日期的数组。

    Extjs日期控件汉化版

    Extjs日期控件汉化版

Global site tag (gtag.js) - Google Analytics