首页 > 代码库 > ExtJs-DateField和TimeField的使用

ExtJs-DateField和TimeField的使用

    

DateField TimeField 日期控件 时间控件 日历控件
在extjs中,自带了两个与时间有关的控件,
html:
<div id=‘dp‘ style=‘width: 120px; height: 30px;‘<>/div>
js:
//日期格式参考extjsapi文档的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也是差不多的.