关于ExtJS中FormPanel中的timefield选中不显示的解决办法

最新推荐文章于 2020-05-08 09:49:02 发布

SamsonHeart

最新推荐文章于 2020-05-08 09:49:02 发布

阅读量865

点赞数

分类专栏：前端技术 java web EXTJS 文章标签： extjs timefield选中不显示

java web 同时被 3 个专栏收录

13 篇文章

订阅专栏

前端技术

5 篇文章

订阅专栏

EXTJS

4 篇文章

订阅专栏

本文介绍了一个 Extjs 中 TimeField 组件的问题及解决方案。原始代码导致下拉选择的时间无法显示在输入框内。通过增加 format 属性，成功解决了这一问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下内容转载自http://www.myexception.cn/javascript/778188.html

Extjs中 Ext.form.TimeField下拉列表点击无效输入框里没显示解决办法

 以下是出现问题的代码，点击下拉列表中的时间，输入框中没有显示的代码：

			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(已经加入以上代码中)就可以了