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
分享到:
相关推荐
1.此控件支持Ext3.2及以上版本 2.用法与Ext.form.DateField一样,xtype:'datetimefield' 3.不需要导入css或其他js 4.解决某些插件导入会显示对象未定义问题
NULL 博文链接:https://newlethe.iteye.com/blog/814634
Ext DateField控件 - 只选择年月插件。只有分享,我们才能不断进步!
Ext扩展dateField时间控件,可以选择年月日、年月、年、月
NULL 博文链接:https://javacoo.iteye.com/blog/1120263
extjs4.2 日期控件 datefield 拓展加上选择时分秒功能。 在ExtJs4.2表单控件里分别有个时间控件(datafield)和时间控件(timefield),但是官方提供的控件不能将日期和时分秒整合到一起,我从网上搜集整理了一个可用...
ExtJs 的日期控件不带清空功能,项目有可能需要一个带清空功能的日期控件。
一个对Ext年月日控件进行更改的Js 更改后的控件只能选择年月 对月统计或其他只选择年月的方面 非常好用 在写datefield控件的时候 加上 plugins: 'monthPickerPlugin', 就可以了 format设置为'Y-m'
ext中的日期控件没有十分秒,这个控件加入了时分秒的选择
EXT扩展控件,可以选择日期和时间。 现在的EXT datefield只能到天,用了这个 控件后可以精确到分钟。
1. Ext.form.NumberField 2. Ext.form.TextArea 3. Ext.form.TriggerField 4. Ext.form.DateField 5. Ext.form.ComboBox 6. Ext.form.TimeField
53、Ext.form.DateField类 ………… 45 54、Ext.form.ComboBox类 ……………… 46 55、Ext.form.TimeField类 ………… 47 56、Ext.menu.Menu类 ………………… 50 57、Ext.menu.BaseItem类 …………… 50 58、Ext....
考虑到extjs DateField的关键配置和主要操作
ext提供的datefield控件,只能选择年月日,此控件可以选择年月日小时分钟秒,附上用法说明,初学者一看即会用。值得大家下载。
自定义dateField 自定义dateChoose 默认中文显示 支持时分秒选择
extjs中 google 不兼容 datefield 控件
2.可以根据DateField的formatString属性判断DateChooser中是否要展示时分秒等. 3.DateField跟DateChooser之间比较完善的互传数据. 4.DateChooser带确定按钮,提高用户的体验. 5.时分秒选择框可以循环展示数字.
Ext Extjs 禁止文本和日期编辑 ExtJS中动态设置TextField的readOnly属性
ext自身控件不能选择时分秒,网上找到的扩展的ext控件,可以选择到时分秒
自定义flex DateField控件可选择时间,有源码。