`
keren
  • 浏览: 1583338 次
  • 性别: 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日期+时间控件

    4. **日期时间格式化**:在ExtJS中,日期和时间的格式化使用`Ext.util.Format.date`函数,可以定制如"YYYY-MM-DD HH:mm:ss"这样的输出格式。在日期时间控件中,可以通过`format`配置项来设置显示和解析的日期时间...

    ExtJs 日期和时间的整合

    `Ext.Date`提供了一系列静态方法,用于日期的格式化、解析、比较和计算。例如,你可以用`Ext.Date.format()`将日期对象转换为指定格式的字符串,或用`Ext.Date.parse()`将字符串解析为日期对象。这些方法非常灵活,...

    EXTJS.GRIDPANEL 日期格式

    这里的`dateFormat`属性定义了字段在JSON数据中的日期格式,当数据加载到store时,ExtJS会根据这个格式解析日期字符串。 ### 二、日期显示格式 在GridPanel中,可以通过`renderer`属性自定义单元格的显示格式。`...

    Extjs日期控件汉化版

    2. **altFormats**:一个包含多个日期格式的数组,当用户输入时,控件会尝试匹配这些格式来解析日期。 3. **submitFormat**:用于服务器端的数据提交格式,可能与客户端显示的格式不同。 4. **minValue** 和 **...

    ExtJS中date的格式符说明

    在ExtJS中,`Ext.Date`对象提供了丰富的日期处理方法,包括解析、格式化和比较等。当我们需要展示日期或从用户输入中获取日期时,通常会用到日期的格式化功能。日期格式化主要是通过`Ext.Date.format()`方法完成的,...

    extjs核心api详解

    通过这些扩展,开发人员可以更高效地处理数据,实现复杂的数据操作和转换,如数组排序、日期格式化、函数绑定等。 三、Ext.Element Ext.Element是extjs中用于操作DOM元素的核心类。它提供了丰富的api来简化DOM操作...

    ExtJS 3.0 Designer Preview (官方的IDE可视化工具)

    1. **组件解析**:文件可能包含了解析 ExtJS 组件配置的算法,将 JSON 配置转换为可视化的元素。这包括识别各种组件类型、解析其属性和子组件。 2. **可视化编辑**:在设计器中,用户可以直观地调整组件的位置、...

    extjs实例说明详解

    在“EXT核心API详解(二)-Array Date Function Number String.txt”中,你会看到如何使用ExtJS的增强版数据类型,比如数组的排序、查找、过滤,日期的格式化,函数的延迟执行等。 3. **Ext类**:Ext类是整个框架的...

    Extjs3.x入门学习

    在ExtJS中,处理日期通常涉及到`Ext.Date`对象,它提供了一系列的日期格式化和解析函数。了解日期格式的设置和使用能帮助我们更好地展示和处理日期数据。 6. **Windows使用**: Windows是ExtJS中的弹出式窗口组件...

    extjs4.2 日期控件扩展带时分秒

    ### Extjs4.2 日期控件扩展带时分秒:深入解析与应用 #### 一、概述 在Web开发中,特别是在使用ExtJS这样的框架进行界面构建时,日期和时间的选择器是不可或缺的一部分。ExtJS 4.2提供了一个强大的日期控件,但是...

    extjs模板的使用

    - `Ext.Template` 类允许你定义自己的格式化函数,如 `tpl2` 示例中,通过 `parseJson` 函数解析 JSON 对象,将 `stature` 字段的值组合成一个字符串返回。 - 使用时,可以在模板中调用这个函数,如 `{stature:...

    ExtJs代码自动生成

    - `NumberField`:数值框,用于输入数字值,支持上下限验证和格式化。 - `Radio`:单选按钮,通常与'是'或'否'等二选一的选项配合使用。 - `RadioGroup`:单选按钮组,用于在多个单选按钮中选择一个。 - `...

    extjs4中文视频下载地址

    ### ExtJS 4.0 技术中文视频知识点解析 #### 一、ExtJS 4.0 概述与 Hello World 程序 - **概述**:ExtJS 是一款基于 JavaScript 的开源前端框架,用于构建复杂的 Web 应用程序。ExtJS 4.0 版本在原有基础上进行了...

    extjs 导入导出 Exel

    在EXTJS 中,导入和导出Excel 文件是常见的需求,特别是在处理大量数据时,Excel 的格式化和编辑能力非常有用。 ### 导出到Excel EXTJS 提供了多种方式来实现数据到Excel 的导出。一种常见的方式是通过服务器端...

    EXTJS学习文档 适合初学者

    **实用工具(Utils)**则提供了数据格式化、JSON编码解码、Date和Array操作、Ajax请求发送、Cookie管理、CSS管理等多种扩展功能,极大地丰富了EXTJS的功能性和灵活性。 通过以上介绍,初学者可以对EXTJS的基本概念...

    轻松搞定Extjs

    - **Ext.util.Format类**: 详细阐述了该类提供的各种格式化方法,如日期时间格式化、货币格式化等。 - **再谈XTemplete**: 进一步探讨了如何结合XTemplate和格式化方法,以更加灵活地展示数据。 #### Extjs组件结构...

    ASP.NET 调用EXTJS

    当EXTJS需要从服务器获取数据或执行某些操作时,它会通过Ajax请求发送JSON格式的数据到服务器。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于机器解析和生成。 ...

    传智播客EXTJS视频下载地址

    - **资源推荐**:《ExtJS MVC架构详解》(PPT格式),详细解析了ExtJS中MVC模式的具体实现方式。 ### 高级主题 1. **AJAX应用**:ExtJS提供了强大的AJAX支持,可以实现与服务器端的数据交互而无需刷新整个页面。...

Global site tag (gtag.js) - Google Analytics