以下是出现问题的代码,点击下拉列表中的时间,输入框中没有显示的代码:
var timeField=new Ext.form.TimeField({
fieldLabel:'时间',
empty:'请选择时间',
minValue:'10:00 AM',
maxValue:'14:35 PM',
increment:5,
invalidText:'日期格式无效,请选择时间或输入有效格式的时间'
});
var form1=new Ext.form.FormPanel({
title:'表单',
frame:true,
renderTo:document.body,
items:[timeField]
});
运行效果如下图:
修改后的代码如下:
var timeField=new Ext.form.TimeField({
fieldLabel:'时间',
empty:'请选择时间',
minValue:'10:00 AM',
maxValue:'14:35 PM',
format:'H:i:s',
increment:5,
invalidText:'日期格式无效,请选择时间或输入有效格式的时间'
});
var form1=new Ext.form.FormPanel({
title:'表单',
frame:true,
renderTo:document.body,
items:[timeField]
});
只需要在以上代码中加入format(已经加入以上代码中)就可以了
如果对你有帮助,帮忙评论下
- 大小: 19.1 KB
分享到:
相关推荐
extjs多选下拉框,Ext.ux.form.LovCombo,extjs 以修复多选下拉框火狐下取不到值的问题,火狐下div不显示背景色的问题
NULL 博文链接:https://maoyi606.iteye.com/blog/1782825
Ext Extjs 禁止文本和日期编辑 ExtJS中动态设置TextField的readOnly属性
关于这个原因有很多种,我只说下我遇到的 我这样 写Store来复用的 代码如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this....
主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下
Extjs4 comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用。来源于网络,稍作修改。
Extjs4.1多个扩展 1、Ext.ux.aceeditor.Panel 2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button 4、Ext.ux.toggleslide.ToggleSlide 5、Ext.ux.container.ButtonSegment 6、Ext.ux.grid.plugin.RowEditing ...
NULL 博文链接:https://sonckchi.iteye.com/blog/1958861
Extjs4实现的Ext.ux.form.TinyMCETextArea html580 inyMCETextArea
主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...
EXTjs的上传组件
4.1.6 Ext.form.field.Number数字输入框 4.1.7 Ext.form.field.Checkbox复选框和Ext.form.field.Radio单选框 4.1.8 Ext.form.CheckboxGroup和Ext.form.RadioGroup 4.1.9 Ext.form.field.Trigger触发字段 4.1.10 ...
ExtJS tooltip功能组件实例
extjs 可编辑的表格树,每个单元格自定义编辑组件,可以自适应列宽,只有源码与例子,运行实例要修改路径,不然图片不能显示,注意etree.jsp的js引入路径 支持Ext2.x以上版本 如运行不了EmailTo : codeme9@gmail....
55、Ext.form.TimeField类 ………… 47 56、Ext.menu.Menu类 ………………… 50 57、Ext.menu.BaseItem类 …………… 50 58、Ext.menu.Adapter类 ……………… 51 59、Ext.menu.Item类 ………………… 51 60、Ext....
Ext.ux.GoogleChart extjs插件Ext.ux.GoogleChart extjs插件
该ext.jsb2文件是ExtJS3.4.0中的,因ExtJS4.0.0中没有这个文件,但可以与4.0.0版本共用。
ext.jsb spket ExtJS dreamweaver
《精通JS脚本之ExtJS框架》由浅入深地讲解了ExtJS在Web开发中的相关技术。本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计...
代码如下: Ext.onReady(function() { Ext.Msg.alert(‘提示’, ‘逗号分隔参数列表’); //这种方式非常常见的 }); 效果图: 代码如下: Ext.onReady(function() { //定义 JSON(配置对象) var config = { ...