`
Black_Sun
  • 浏览: 20932 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

EXTJS DATE FORMAT 参数详解

阅读更多

2009-06-29 08:31
Ver:2009.06.28
关键字:ExtJs 2.2 Date 日期 格式符

首先简单介绍一下ExtJs中的Date基本上就是PHP 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中的一部分。但是灵活应用的话会给程序的书写带来很大的便利。
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中date的格式符说明

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

    ExtJs中处理后台传过来的date对象显示到页面上

    通过以上步骤,ExtJs就能正确地解析后台传来的Date对象,并按照指定的格式在页面上显示。这种方法避免了在后台将Date对象转换为字符串,提高了前后端交互的效率和灵活性。同时,由于使用了专门的日期渲染器,用户...

    extjs实例说明详解

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

    extjs日期+时间控件

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

    ExtJs 日期和时间的整合

    例如,你可以用`Ext.Date.format()`将日期对象转换为指定格式的字符串,或用`Ext.Date.parse()`将字符串解析为日期对象。这些方法非常灵活,支持多种自定义格式,如"Y-m-d H:i:s"代表年-月-日 时:分:秒。 `Datetime...

    EXTJS___API详解

    5. **Date 类**:提供了日期处理功能,如Ext.Date.parse()用于解析日期字符串,Ext.Date.format()将日期对象格式化为字符串。 6. **Function 类**:改进了函数处理,如Ext.Function.bind()用于改变函数的作用域。 ...

    extjs4 treeGrid实例

    { text: '日期', dataIndex: 'date', xtype: 'datecolumn', format: 'd/m/Y' } ]; ``` 最后,创建TreeGrid面板,将store和列配置传递给它: ```javascript var treeGrid = Ext.create('Ext.tree.Panel', { title...

    extjs 4chart

    return Ext.Date.format(new Date(v), 'Y-m-d'); } }, { type: 'number', position: 'left', fields: ['value'], title: '数值' }] ``` 5. 设置曲线图系列:在series配置项中,定义曲线图的样式、颜色、数据...

    ExtJs4新类库特性详解及JS新语法扩展.docx

    【ExtJs4新类库特性详解及JS新语法扩展】 ExtJS4是一个强大的JavaScript库,专为构建富客户端Web应用程序而设计。它引入了一系列的新特性,优化了JS语法,并提供了强大的类系统,使得JavaScript开发更加规范和高效...

    extjs中文api

    ### ExtJS中文API详解 #### 一、ExtJS概述与在线API资源 ExtJS是一款用于构建Web应用程序的强大JavaScript框架,其提供了丰富的UI组件库及高度定制化的开发工具,旨在帮助开发者快速搭建美观且功能完善的前端界面...

    extjs的spinner

    ### ExtJS Spinner 组件详解 #### 一、Spinner 组件介绍 在 ExtJS 框架中,`Spinner` 是一种特殊类型的输入字段,它允许用户通过点击上下按钮来增加或减少字段中的值。Spinner 经常用于数字或日期的选择场景,能够...

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

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

    Extjs日期控件汉化版

    在ExtJS中,日期控件(Date Field)是常见的一个组件,用于用户输入和展示日期。对于中文环境的应用,本地化(Localization)是非常重要的,确保用户界面符合中文用户的使用习惯。"Extjs日期控件汉化版"就是针对这个...

    EXTJS.GRIDPANEL 日期格式

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

    Extjs中文教程

    - 如`Ext.util.Format.date(new Date(), 'Y-m-d')`将日期格式化为“年-月-日”的形式。 - **再谈XTemplate** - XTemplate不仅用于生成静态内容,还可以结合`Ext.util.Format`进行动态格式化。 - 例如:`...

    extjs的快速入门教程

    - **DataReader**: 用于解析服务器返回的数据格式。 - **DataProxy**: 定义了访问数据的方式,如HTTP请求。 - **自定义Store**: 可以根据需求定制数据加载逻辑。 #### 八、树形控件(TreePanel) - **TreePanel...

    ExtJS中DatetimeMenu组件(包括时、分)的使用 示例

    例如,`Ext.Date`和`Ext.Date.format`可以帮助我们解析和格式化日期字符串,以满足不同的展示需求。而`Ext.util.Format.time`则可以用于格式化时间字符串。 总的来说,ExtJS的DateTimeMenu组件为开发人员提供了一种...

    extjs帮助文档

    ### ExtJS核心API详解 #### 一、Ext类(第2页) - **概述**:Ext类是ExtJS的核心基础类之一,它提供了一系列用于简化DOM操作和浏览器兼容性问题的方法。 - **常用方法**: - `Ext.isEmpty(value)`:检查给定值是否...

    Extjs TimeField 显示正常时间格式的代码

    具体来说,这里提供的代码通过Extjs的override方法扩展了TimeField类,重写了setValue和formatValue函数。在这个重写的过程中,首先判断传入的值v的长度是否超过8位,这是根据时间戳的长度来判断的。如果超过8位,就...

    extjs帮助文档pdf版

    ### ExtJS核心API详解 #### 1. Ext 类 (P.2) - **概述**:`Ext` 是 ExtJS 的核心命名空间,包含了全局的方法和属性。 - **用途**:提供了一个统一的入口来访问 ExtJS 库的功能,如创建组件、管理事件等。 - **常用...

Global site tag (gtag.js) - Google Analytics