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

以下内容转载自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(已经加入以上代码中)就可以了