日期格式参考extjs api文档中的Date类型.
var md = new Ext.form.DateField({
//下面的格式是:2000-01-01 00:00:00
format: 'Y-m-d H:i:s',
............
});
替换'Y-m-d H:i:s'中的各个字母,留意大小写.可得到多种样式的日期格式.
Ext.Date的格式说明
d 01 to 31
D Mon to Sun
j 1 to 31
l Sunday to Saturday
N 1 (for Monday) through 7 (for Sunday)
S st, nd, rd or th. Works well with j
w 0 (for Sunday) to 6 (for Saturday)
z 0 to 364 (365 in leap years)
W 01 to 53
F January to December
m 01 to 12
M Jan to Dec
n 1 to 12
t 28 to 31
L 1 if it is a leap year, 0 otherwise.
o Examples: 1998 or 2004
Y Examples: 1999 or 2003
y Examples: 99 or 03
a am or pm
A AM or PM
g 1 to 12
G 0 to 23
h 01 to 12
H 00 to 23
i 00 to 59
s 00 to 59
u 001 to 999
O Example: +1030
P Example: -08:00
T Examples: EST, MDT, PDT ...
Z -43200 to 50400
c 2007-04-17T15:19:21+08:00
U 1193432466 or -2138434463
下面列出的是目前所有支持的格式:
样本数据:
'Wed Jan 10 2007 15:05:01 GMT-0600 (中区标准时间)'
格式符 输出 说明
------ ---------- --------------------------------------------------------------
d 10 月份中的天数,两位数字,不足位补“0”
D Wed 当前星期的缩写,三个字母
j 10 月份中的天数,不补“0”
l Wednesday 当前星期的完整拼写
S th 英语中月份天数的序数词的后缀,2个字符(与格式符“j”连用)
w 3 一周之中的天数(1~7)
z 9 一年之中的天数(0~365)
W 01 一年之中的周数,两位数字(00~52)
F January 当前月份的完整拼写
m 01 当前的月份,两位数字,不足位补“0”
M Jan 当前月份的完整拼写,三个字母
n 1 当前的月份,不补“0”
t 31 当前月份的总天数
L 0 是否闰年(“1”为闰年,“0”为平年)
Y 2007 4位数字表示的当前年数
y 07 2位数字表示的当前年数
a pm 小写的“am”和“pm”
A PM 大写的“am”和“pm”
g 3 12小时制表示的当前小时数,不补“0”
G 15 24小时制表示的当前小时数,不补“0”
h 03 12小时制表示的当前小时数,不足位补“0”
H 15 24小时制表示的当前小时数,不足位补“0”
i 05 不足位补“0”的分钟数
s 01 不足位补“0”的秒数
O -0600 用小时数表示的与 GMT 差异数
T CST 当前系统设定的时区
Z -21600 用秒数表示的时区偏移量(西方为负数,东方为正数)用法举例:(注意你必须在字母前使用转意字符“\\”才能将其作为字母本身而不是格式符输出):
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 dS of F Y h:i:s A')); //Wednesday, the 10th of January 2007 03:05:01 PM
下面有一些标准的日期/时间模板可能会对你有用。它们不是 Date.js 的一部分,但是你可以将下列代码拷出,并放在 Date.js 之后所引用的任何脚本内,都将成为一个全局变量,并对所有的 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中DateField日期精确到时分秒扩展的知识点介绍。在实践中,根据具体需求可能还需要进一步优化,如添加国际化支持、验证规则等。希望这篇博客和代码示例能对你有所帮助。如果你对EXTJS或者这个扩展...
在ExtJs框架中,日期组件(DateField)是用于用户输入日期的常见控件。然而,标准的ExtJs DateField并未内置清空日期的功能,这可能会在某些应用场景中造成不便。为了解决这个问题,我们需要自定义一个扩展,为日期...
extjs4.2 日期控件 datefield 拓展加上选择时分秒功能。 在ExtJs4.2表单控件里分别有个时间控件(datafield)和时间控件(timefield),但是官方提供的控件不能将日期和时分秒整合...extjs4.2 ext4.2 日期时间控件 时分秒
Extjs DateField控件 - 只选择年份(找了很久发现网上只有选择年月的控件,于是基于extjs年月控件设计了只选择年份的控件)
在ExtJS中,DateTimeField通常结合DateField和TimeField组件一起工作,允许用户分别选择日期和时间,或者在一个统一的输入框中选择完整的日期时间值。DateTimeField提供了许多配置选项,如日期和时间格式、默认值、...
在EXTJS6中,日期时间控件是一种强大的用户界面组件,它将传统的日期选择器与时间选择器结合在一起,提供了一种便捷的方式来输入和编辑日期和时间数据。这个控件在许多应用程序中都非常实用,特别是在那些需要精确...
DateTime控件可以适应不同的日期和时间格式,以满足全球用户的需要。 5. **可访问性**:DateTime控件遵循Web无障碍标准,确保视力障碍或其他残疾的用户也能方便地使用。 6. **样式与主题**:DateTime控件可以根据...
ExtJS提供本地化支持,通过更改`Ext.locale`和`Ext.form.field.DateField`的`localeConfig`可以实现日期时间格式的本地化。 7. **时间选择器(Time Picker)**:`Ext.picker.Time`是用于选择时间的组件,允许用户...
extjs4.2.3 datefield不可选择年月bug 选择本月日期的部分是没有问题的。 点击头部显示选择年月的picker时,不能点击选择,一点组件就消失。 需要下载附件后引入就可以了
DateField控件支持多种日期格式,并且可以轻松地与其他ExtJS组件集成。 ### 三、Google浏览器特性介绍 Google Chrome是一款由Google公司开发的浏览器,因其速度快、安全性高而受到用户的喜爱。Chrome浏览器支持...
在深入探讨ExtJS.GridPanel中的日期格式设置之前,我们首先简要回顾一下ExtJS是什么以及GridPanel组件的基本功能。ExtJS是一个用JavaScript编写的开源框架,用于构建交互式的Web应用程序,它提供了丰富的UI组件和...
6. **国际化支持**:对于多语言应用程序,`dateField`扩展应支持不同地区的日期格式和语言,如美国的`MM/DD/YYYY`,欧洲的`DD/MM/YYYY`,以及中文环境下的`YYYY年MM月DD日`等。 现在我们来看`ExDateField.js`文件,...
然后,在ExtJS的应用配置中,我们可以创建一个基于Ext.form.field.Time的自定义字段,通过配置`format`属性来指定时间格式,例如`'H:i:s'`,这样就能显示小时、分钟和秒了。如果DateTime.js提供了额外的配置选项或...
- 通过配置项,可以设置初始值、禁用状态、读取和显示的日期时间格式等。 2. **日期控件(DateField)** - 日期控件允许用户选择日期,通常使用`Ext.form.DateField`类创建。 - 日期控件支持多种日期格式,如'...
extjs中,经常会用到datefield组件控制用户对日期的操作,比如日志管理,需要开始时间、结束时间,但是IE8下日期选择框会显示不全,解决方法参加代码。 同时改代码解决了开始时间、结束时间的时间范围控制的问题,即...
用过Extjs的人都晓得,Ext自身的DateField只支持日期选择,而TimeField却实现的又很简单。真的是苦了一帮子英雄好汉啊!此控件由本人原创,扩展了DateField。在Extjs3.0.0、3.2.1、3.3.0版本下都测试通过。且在IE6、...
ExtJS4支持多语言,因此日期控件可以根据用户的浏览器设置或者手动配置显示不同语言的日期和时间格式。 6. **自定义渲染** 通过使用`renderer`函数,你可以自定义日期字段的显示方式,这在需要特殊格式或者样式时...
"Ext DateField控件 - 只选择年月"这个主题聚焦于一个特定的UI组件,用于帮助用户仅选择日期中的年份和月份部分,而忽略具体的日期。这在处理诸如生日、合同有效期等只需要年月信息的场景时非常有用。 Ext JS是一个...
4. **自定义扩展**:可能这个扩展提供了一些自定义功能,比如自定义的日期时间格式,或者增强的验证机制。 5. **样式与布局**:DateTimeField可以通过CSS样式来定制外观,同时也可以利用ExtJs的布局管理与其他组件...
由于extjs3.0自己封装的时间不能够选择时分秒,给大家开发带来了一些麻烦。虽然网上有ext2.0的日期扩展控件,但在3.0中不能用。公司现在项目正用了,因此我就对extjs3.0时间控件的扩展,实现了可选择时分秒功能。...