以下是出现问题的代码,点击下拉列表中的时间,输入框中没有显示的代码:
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
分享到:
相关推荐
- `timefield`:`Ext.form.TimeField`,时间输入框。 - `field`:`Ext.form.Field`,表单的基础字段。 - `fieldset`:`Ext.form.FieldSet`,用于组织表单字段的组。 - `hidden`:`Ext.form.Hidden`,隐藏字段,...
`Ext.form.ComboBox`是EXTJS中的下拉列表组件,提供多种配置以定制用户体验: - `displayField`:定义下拉列表中显示的字段。 - `editable`:决定用户是否可以自由编辑输入框内容。 - `forceSelection`:如果设为`...
3. **`combo`:** 下拉框组件,用于创建下拉列表,通过`Ext.form.ComboBox`类实现。 4. **`datefield`:** 日期选择项组件,用于让用户选择日期,通过`Ext.form.DateField`类实现。 5. **`timefield`:** 时间录入项...
### ExtJS核心API详解 #### 1. Ext 类 (P.2) - **概述**:`Ext` 是 ExtJS 的核心命名空间,包含了全局的方法和属性。 - **用途**:提供了一个统一的入口来访问 ExtJS 库的功能,如创建组件、管理事件等。 - **常用...
在EXTJS这个强大的JavaScript框架中,时间控件是开发者经常使用的组件之一,尤其在构建复杂的Web应用程序时。EXTJS的时间控件允许用户选择或输入时间,通常以小时、分钟和秒为单位,提供了用户友好的界面和丰富的...
在ExtJS中,DateTimeField通常结合DateField和TimeField组件一起工作,允许用户分别选择日期和时间,或者在一个统一的输入框中选择完整的日期时间值。DateTimeField提供了许多配置选项,如日期和时间格式、默认值、...
**Ext.form.TimeField** 是Extjs框架中用于处理时间选择的一个控件。它提供了多种配置选项来帮助开发者灵活地控制时间的选择范围、格式以及输入验证等。 - **maxValue**:设置时间选择器中允许的最大时间值。例如,...
在ExtJS中,微调控件(Spinner)是一种用户界面组件,它允许用户通过点击向上或向下的箭头以微小增量增加或减少数值,常见于输入框旁边,提供一种方便的数值调整方式。这个控件在处理精确输入或者范围限制的数值时...
本文将详细介绍ExtJS中常用表单组件的创建、应用以及验证和数据绑定等方面的知识,旨在帮助读者深入理解和掌握ExtJS表单的使用方法。 ### 表单面板(FormPanel)的创建 在ExtJS中,表单面板(FormPanel)是创建...
`xtype` 是ExtJS中的一个重要概念,它是组件类的简写形式,用于在配置对象中声明组件类型,使得代码更加简洁。理解并掌握ExtJS的各种`xtype`可以帮助开发者快速构建复杂的用户界面。 1. **基本组件**: - `button`...