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中,`Ext.Date`对象提供了丰富的日期处理方法,包括解析、格式化和比较等。当我们需要展示日期或从用户输入中获取日期时,通常会用到日期的格式化功能。日期格式化主要是通过`Ext.Date.format()`方法完成的,...
通过以上步骤,ExtJs就能正确地解析后台传来的Date对象,并按照指定的格式在页面上显示。这种方法避免了在后台将Date对象转换为字符串,提高了前后端交互的效率和灵活性。同时,由于使用了专门的日期渲染器,用户...
在“EXT核心API详解(二)-Array Date Function Number String.txt”中,你会看到如何使用ExtJS的增强版数据类型,比如数组的排序、查找、过滤,日期的格式化,函数的延迟执行等。 3. **Ext类**:Ext类是整个框架的...
4. **日期时间格式化**:在ExtJS中,日期和时间的格式化使用`Ext.util.Format.date`函数,可以定制如"YYYY-MM-DD HH:mm:ss"这样的输出格式。在日期时间控件中,可以通过`format`配置项来设置显示和解析的日期时间...
例如,你可以用`Ext.Date.format()`将日期对象转换为指定格式的字符串,或用`Ext.Date.parse()`将字符串解析为日期对象。这些方法非常灵活,支持多种自定义格式,如"Y-m-d H:i:s"代表年-月-日 时:分:秒。 `Datetime...
5. **Date 类**:提供了日期处理功能,如Ext.Date.parse()用于解析日期字符串,Ext.Date.format()将日期对象格式化为字符串。 6. **Function 类**:改进了函数处理,如Ext.Function.bind()用于改变函数的作用域。 ...
{ text: '日期', dataIndex: 'date', xtype: 'datecolumn', format: 'd/m/Y' } ]; ``` 最后,创建TreeGrid面板,将store和列配置传递给它: ```javascript var treeGrid = Ext.create('Ext.tree.Panel', { title...
return Ext.Date.format(new Date(v), 'Y-m-d'); } }, { type: 'number', position: 'left', fields: ['value'], title: '数值' }] ``` 5. 设置曲线图系列:在series配置项中,定义曲线图的样式、颜色、数据...
【ExtJs4新类库特性详解及JS新语法扩展】 ExtJS4是一个强大的JavaScript库,专为构建富客户端Web应用程序而设计。它引入了一系列的新特性,优化了JS语法,并提供了强大的类系统,使得JavaScript开发更加规范和高效...
### ExtJS中文API详解 #### 一、ExtJS概述与在线API资源 ExtJS是一款用于构建Web应用程序的强大JavaScript框架,其提供了丰富的UI组件库及高度定制化的开发工具,旨在帮助开发者快速搭建美观且功能完善的前端界面...
### ExtJS Spinner 组件详解 #### 一、Spinner 组件介绍 在 ExtJS 框架中,`Spinner` 是一种特殊类型的输入字段,它允许用户通过点击上下按钮来增加或减少字段中的值。Spinner 经常用于数字或日期的选择场景,能够...
### Extjs4.2 日期控件扩展带时分秒:深入解析与应用 #### 一、概述 在Web开发中,特别是在使用ExtJS这样的框架进行界面构建时,日期和时间的选择器是不可或缺的一部分。ExtJS 4.2提供了一个强大的日期控件,但是...
在ExtJS中,日期控件(Date Field)是常见的一个组件,用于用户输入和展示日期。对于中文环境的应用,本地化(Localization)是非常重要的,确保用户界面符合中文用户的使用习惯。"Extjs日期控件汉化版"就是针对这个...
这里的`dateFormat`属性定义了字段在JSON数据中的日期格式,当数据加载到store时,ExtJS会根据这个格式解析日期字符串。 ### 二、日期显示格式 在GridPanel中,可以通过`renderer`属性自定义单元格的显示格式。`...
- 如`Ext.util.Format.date(new Date(), 'Y-m-d')`将日期格式化为“年-月-日”的形式。 - **再谈XTemplate** - XTemplate不仅用于生成静态内容,还可以结合`Ext.util.Format`进行动态格式化。 - 例如:`...
- **DataReader**: 用于解析服务器返回的数据格式。 - **DataProxy**: 定义了访问数据的方式,如HTTP请求。 - **自定义Store**: 可以根据需求定制数据加载逻辑。 #### 八、树形控件(TreePanel) - **TreePanel...
例如,`Ext.Date`和`Ext.Date.format`可以帮助我们解析和格式化日期字符串,以满足不同的展示需求。而`Ext.util.Format.time`则可以用于格式化时间字符串。 总的来说,ExtJS的DateTimeMenu组件为开发人员提供了一种...
### ExtJS核心API详解 #### 一、Ext类(第2页) - **概述**:Ext类是ExtJS的核心基础类之一,它提供了一系列用于简化DOM操作和浏览器兼容性问题的方法。 - **常用方法**: - `Ext.isEmpty(value)`:检查给定值是否...
具体来说,这里提供的代码通过Extjs的override方法扩展了TimeField类,重写了setValue和formatValue函数。在这个重写的过程中,首先判断传入的值v的长度是否超过8位,这是根据时间戳的长度来判断的。如果超过8位,就...
### ExtJS核心API详解 #### 1. Ext 类 (P.2) - **概述**:`Ext` 是 ExtJS 的核心命名空间,包含了全局的方法和属性。 - **用途**:提供了一个统一的入口来访问 ExtJS 库的功能,如创建组件、管理事件等。 - **常用...