`

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

EXT 
阅读更多
 以下是出现问题的代码,点击下拉列表中的时间,输入框中没有显示的代码:
			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
分享到:
评论
5 楼 threenoodles 2013-07-19  
4 楼 qian_loly 2012-09-19  
我确实以为自己哪里写错了
3 楼 keren 2012-05-29  
谢谢!搞了半天以为哪里代码错了呢。
2 楼 热带翎羽 2011-12-23  
谢谢,问题解决
1 楼 yangwen13 2011-07-08  

问题解决了。

相关推荐

    ExtJs_xtype一览

    - `timefield`:`Ext.form.TimeField`,时间输入框。 - `field`:`Ext.form.Field`,表单的基础字段。 - `fieldset`:`Ext.form.FieldSet`,用于组织表单字段的组。 - `hidden`:`Ext.form.Hidden`,隐藏字段,...

    EXTJS属性文档

    `Ext.form.ComboBox`是EXTJS中的下拉列表组件,提供多种配置以定制用户体验: - `displayField`:定义下拉列表中显示的字段。 - `editable`:决定用户是否可以自由编辑输入框内容。 - `forceSelection`:如果设为`...

    extJs xtype 类型

    3. **`combo`:** 下拉框组件,用于创建下拉列表,通过`Ext.form.ComboBox`类实现。 4. **`datefield`:** 日期选择项组件,用于让用户选择日期,通过`Ext.form.DateField`类实现。 5. **`timefield`:** 时间录入项...

    extjs帮助文档pdf版

    ### ExtJS核心API详解 #### 1. Ext 类 (P.2) - **概述**:`Ext` 是 ExtJS 的核心命名空间,包含了全局的方法和属性。 - **用途**:提供了一个统一的入口来访问 ExtJS 库的功能,如创建组件、管理事件等。 - **常用...

    extjs时间控件精确秒

    在EXTJS这个强大的JavaScript框架中,时间控件是开发者经常使用的组件之一,尤其在构建复杂的Web应用程序时。EXTJS的时间控件允许用户选择或输入时间,通常以小时、分钟和秒为单位,提供了用户友好的界面和丰富的...

    extjs 4.1.1a datetimefield 日期时间选择框(修改版)

    在ExtJS中,DateTimeField通常结合DateField和TimeField组件一起工作,允许用户分别选择日期和时间,或者在一个统一的输入框中选择完整的日期时间值。DateTimeField提供了许多配置选项,如日期和时间格式、默认值、...

    Extjs控件属性(详细版)

    **Ext.form.TimeField** 是Extjs框架中用于处理时间选择的一个控件。它提供了多种配置选项来帮助开发者灵活地控制时间的选择范围、格式以及输入验证等。 - **maxValue**:设置时间选择器中允许的最大时间值。例如,...

    extjs 微调控件,时间微调控件,微调,javascript 微调

    在ExtJS中,微调控件(Spinner)是一种用户界面组件,它允许用户通过点击向上或向下的箭头以微小增量增加或减少数值,常见于输入框旁边,提供一种方便的数值调整方式。这个控件在处理精确输入或者范围限制的数值时...

    Extjs中常用表单介绍与应用

    本文将详细介绍ExtJS中常用表单组件的创建、应用以及验证和数据绑定等方面的知识,旨在帮助读者深入理解和掌握ExtJS表单的使用方法。 ### 表单面板(FormPanel)的创建 在ExtJS中,表单面板(FormPanel)是创建...

    ExtJS的xtype列表

    `xtype` 是ExtJS中的一个重要概念,它是组件类的简写形式,用于在配置对象中声明组件类型,使得代码更加简洁。理解并掌握ExtJS的各种`xtype`可以帮助开发者快速构建复杂的用户界面。 1. **基本组件**: - `button`...

Global site tag (gtag.js) - Google Analytics