Ext Js中Ext.form.TimeField下拉列表点击无效，输入框里没有显示解决方法

下面是有问题的代码：

    

1. var timeField=new Ext.form.TimeField({ 
2.     fieldLabel:'时间', 
3.     empty:'请选择时间', 
4.     minValue:'10:00 AM', 
5.     maxValue:'14:35 PM', 
6.     increment:5, 
7.     invalidText:'日期格式无效，请选择时间或输入有效格式的时间' 
8. }); 
9. var form1=new Ext.form.FormPanel({ 
10.     title:'表单', 
11.     frame:true, 
12.     renderTo:document.body, 
13.     items:[timeField] 
14. }); 

运行效果如下图：

  

修改后的代码如下：

  

1. var timeField=new Ext.form.TimeField({ 
2.     fieldLabel:'时间', 
3.     empty:'请选择时间', 
4.     minValue:'10:00 AM', 
5.     maxValue:'14:35 PM', 
6.     format:'H:i:s', 
7.     increment:5, 
8.     invalidText:'日期格式无效，请选择时间或输入有效格式的时间' 
9. }); 
10. var form1=new Ext.form.FormPanel({ 
11.     title:'表单', 
12.     frame:true, 
13.     renderTo:document.body, 
14.     items:[timeField] 
15. }); 

只需要在以上代码中加入format(已经加入以上代码中)就可以了

 

 

 

转载于:https://blog.51cto.com/woshisap/949324