为方便大家使用,我把控件所需的js、css、gif文件都提取出来了,示例可以直接放到Ext根路径下用浏览器打开查看运行效果。这个组件适用于Ext3.0以后版本,2.0肯定跑不了的
第一个
使用方法示例:
{
id:'time',
xtype:'datetimefield',
format:'H:i'
}
示例截图:
第二个
使用方法示例:
{
xtype: 'datefield',
fieldLabel: 'Normal (Ext.form.DateField)',
name: 'name',
value: '2009-03-04 11:23:45',
format: 'Y-m-d H:i:s'
}
示例截图:
说明:这个控件原本是基于Ext3.0RC版本做的,我稍作修改并且本地化了一下,具体包括以下几项:更换图片、修改弹出层英文头为汉字、修改了无法使用的旧函数、变换了JS文件编码,
原文地址:
http://www.extjs.com/forum/showthread.php?62597-Another-DateTimeField-component
- 大小: 6.7 KB
- 大小: 15.6 KB
分享到:
相关推荐
在EXTJS4中,时间控件是用于用户交互并输入日期和时间的界面元素,它提供了多种选择方式,包括年月选择、年月日选择以及年月日时分秒选择。这些控件在Web应用程序中非常常见,尤其适用于需要用户输入特定日期或时间...
带动Ext.DateTimePicker设置 * 4,增加时期时间选择器变动时的样式变化功能 * 5,解决GRID中使用时,同列同对象间值影响的问题 * 6,解决原组件,点击today按钮时,无法回到选择器当日界面的问题 */ 另外此控的时分...
标题所提及的"ext 时间控件带有时分秒的控件",实际上是一种自定义的EXT JS组件,它扩展了原生的日期选择器,增加了对时间精确到秒的选择支持。这种控件对于需要精确时间输入的场景特别有用,比如排程、日程安排或者...
标题中的"ext里可以选择年月日时分秒的控件"很可能指的是EXT中的`Ext.picker.Date`或者更具体地,可能是`Ext.picker.DateTimePicker`组件。 `Ext.picker.Date`是EXT中基础的日期选择器,而`Ext.picker....
描述中提到的“ext自身控件不能选择时分秒”,意味着我们需要利用EXT JS的可扩展性,找到或创建一个扩展插件,使日期控件具备选择时、分、秒的能力。 一种常见的解决方案是使用第三方扩展,如“EXTJS DateTimeField...
标题中的“Ext日期时间(时分秒)控件”指的是在Web开发中使用的一种特定的用户界面组件,它允许用户选择或输入日期和时间。在本文中,我们将会深入探讨这个主题,包括ExtJS框架中的DateTime控件的使用、功能以及如何...
2. `TimePicker.js`:时间选择器控件,通常与一个时间字段配合使用,通过弹出窗口展示一个可滚动的时间列表供用户选择。EXTJS 5中的时间选择器可能包含改进的交互设计,比如滑动选择时间,以及更好的键盘导航支持。 ...
本文将详细讨论基于Ext4.2的年月日时分秒时间选择控件,一个功能强大且经过验证的组件,它能为用户提供方便、直观的时间输入体验。 首先,我们来了解Ext4.2。Ext JS是Sencha公司开发的一款JavaScript框架,主要用于...
在本文中,我们将深入探讨`Ext`框架中的`dateField`扩展,特别是在允许用户选择不同时间范围方面的能力,如年月日、年月、年或仅月。`Ext`是Sencha公司开发的一个强大的JavaScript应用框架,常用于构建富客户端Web...
总之,EXT3.0官方时间(时分秒)控件是构建现代Web应用时不可或缺的一个工具,它提供了一种高效且美观的方式让用户输入和选择时间,极大地提升了用户体验。开发者可以充分利用其特性,根据项目需求进行定制,以实现...
这个"EXT 4.0 日期选择控件 时分秒 中文版"显然是一个经过本地化处理的版本,支持中文显示,并且在选择日期的同时还能选择具体的时间,精确到时、分、秒。 日期选择控件在Web应用中非常常见,用于用户输入或选择...
不过,要实现年月日时分秒的选择,我们需要自定义或者扩展这个基础控件。在EXTJS中,可以通过配置项来定制控件的行为,例如改变时间间隔、设定默认值、添加格式化规则等。 创建一个年月日时分秒的时间控件,我们...
里面有一个jsp文件例子 *" pageEncoding="UTF-8"%> String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + ...
"ext4.2 日历日期控件,可以选择时分秒"是一个专门针对这个需求的组件,它允许用户在网页应用中方便地选择日期、时间和秒数。这个控件是EXTJS库的一个组成部分,EXTJS是一个基于JavaScript的富客户端应用框架,广泛...
通过扩展ExtJS 4.2的日期控件,我们旨在创建一个新的控件,该控件不仅能够显示和选择日期,而且还能够选择具体的时间(小时、分钟、秒)。这将大大提高用户在填写表单时的灵活性,并且可以用于需要精确到秒级别的...
在描述中提到的"支持时分秒的时间控件",意味着这个控件不仅限于选择日期,还能精确到小时、分钟和秒,这对于需要精确时间输入的场景非常有用。此外,这个时间控件还宣称支持多种浏览器,包括IE(至少兼容到IE8)、...
1. **日期选择器(Date Field)**:ExtJS的`Ext.form.field.Date`类提供了一个可交互的日历控件,允许用户选择日期。它通常与`Ext.picker.Date`配合使用,展示一个弹出的日历窗口。配置项如`format`定义了日期的显示...
在EXT中,日期时间控件(DateTimeField)是一个非常实用的组件,允许用户选择日期和时间,从而提高用户体验和数据输入的准确性。EXT提供了丰富的UI组件,包括表格、面板、窗口、表单等,而日期时间控件则是表单组件...
自己第一次用Ext做的时间段选择控件,是参考公司了另一同事的控件修改的希望对大家有用。
在“EXTJS时间控件精确秒”这个主题中,我们将深入探讨EXTJS如何实现时间控件的秒级精确选择,以及如何自定义和优化这一功能。 EXTJS的时间控件主要通过`Ext.form.field.Time`类来实现。这个类提供了一个标准的时间...