DateField TimeField 日期控件 时间控件 日历控件
在extjs中,自带了两个与时间有关的控件,
html:
<div id='dp' style='width: 120px; height: 30px;'<>/div>
js:
//日期格式参考extjs api文档的Date类型, 参考下面的FormPanel
var md = new Ext.form.DateField({
fieldLabel: 'Register Date',
name: 'register_date',
width: 190,
allowBlank: false, // 设置非空,
altFormats: 'Y-m-d H:i:s',
format: 'Y-m-d H:i:s',
blankText: 'rrr ...', //如为空,后面会出现一个I的图标,点击后出现的alt内容
emptyText: 'Select a date ...' //如为空,直接在input中出现的text,有红色边框
});
md.render('dp'); // 在div中显示
// 这是是用DateField做例子,TimeField 也是差不多的.
再看看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
分享到:
相关推荐
19、Ext.util.Format类 ………………… 20 20、Ext.util.DelayedTask类 ……………… 20 21、Ext.util.TaskRunner类 …………… 21 22、Ext.util.TextMetrics类 …………… 21 23、Ext.XTemplate类 ………………… ...
`Ext.form.TimeField`用于处理时间输入,其`increment`参数控制时间选择的步长,例如每半小时或每小时。`minValue`和`maxValue`参数则限定时间的选择范围,这对于限制用户在特定时间段内进行操作非常有用。 #### 五...
19、Ext.util.Format类 ………………… 20 20、Ext.util.DelayedTask类 ……………… 20 21、Ext.util.TaskRunner类 …………… 21 22、Ext.util.TextMetrics类 …………… 21 23、Ext.XTemplate类 ………………… ...
8.1.3 格式化输出数据:ext.string、ext.number、ext.date和ext.util.format / 389 8.1.4 超级模板:ext.xtemplate(包括ext.xtemplateparser和ext.xtemplatecompiler) / 393 8.1.5 模板的方法 / 396 8.2 组件...
本文将深入探讨EXTJS的一些重要属性,包括`Ext.form.TimeField`、`Ext.form.FieldSet`、`Ext.form.DateField`和`Ext.form.ComboBox`。 首先,`Ext.form.TimeField`是EXTJS中的一个时间选择控件,用于让用户选择一个...
然后,在ExtJS的应用配置中,我们可以创建一个基于Ext.form.field.Time的自定义字段,通过配置`format`属性来指定时间格式,例如`'H:i:s'`,这样就能显示小时、分钟和秒了。如果DateTime.js提供了额外的配置选项或...
1. Ext.form.TimeField: - maxValue:设置控件允许的最大时间。 - maxText:当输入时间超过最大值时显示的错误提示。 - minValue:设置控件允许的最小时间。 - minText:当输入时间小于最小值时显示的错误提示。...
#### 一、Ext.form.TimeField 控件属性 **Ext.form.TimeField** 是Extjs框架中用于处理时间选择的一个控件。它提供了多种配置选项来帮助开发者灵活地控制时间的选择范围、格式以及输入验证等。 - **maxValue**:...
- **Ext.util.Format类**: 字符串格式化工具。 - **Date扩展**: 日期格式化。 - **String扩展**: 字符串操作。 - **Function扩展**: 函数封装。 #### 总结 ExtJS提供了强大的功能和丰富的组件,适用于快速开发高...