`

[Ext扩展]两个来自Ext官方论坛的时间控件扩展,可选择时分秒

    博客分类:
  • Ext
阅读更多
为方便大家使用,我把控件所需的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
分享到:
评论
17 楼 科小新 2016-03-21  
99999999999999999
16 楼 snnosnno 2013-12-13  
有浏览器差异吖
15 楼 lian819 2013-12-09  
感谢无私分享了, 必须赞一个啊
14 楼 Sweetme 2013-11-29  
放进项目就行了,成功了。谢谢哦怒赞 
13 楼 Sweetme 2013-11-29  
  为什么不能直接双击打开呢。哪个.HTML可显示时间控件的的
12 楼 心痛泪流 2012-08-22  
非常感谢啊,但是现在使用的时候遇到两个问题啊,显示效果的样式和你的不一样啊,单独使用时火狐下面“今天”按钮下面有一段空白,如下:
应用到项目中时,显示不完全啊,如下:


页面是jsp页面,文件引入没问题,如果直接把你的例子放在Ext根目录下,显示确实没问题,不知道到底怎么回事啊,求解答,求指点啊!!!
11 楼 bennyshum 2012-05-22  
3.4完美支持啊
10 楼 bennyshum 2012-05-22  
正需要。。就找到 
9 楼 qijianglin 2012-04-09  
求extjs4下的datetimefield控件代码。
8 楼 wendy~QQ 2011-12-16  
非常感谢,就是有一些小问题,不过调整下就可以了
7 楼 ashandesgc 2011-11-23  
ie8下,高度有问题,多出了一行。
6 楼 ashandesgc 2011-11-23  
ie9下,控件的宽度有问题
5 楼 yijiancool 2011-11-02  
  灰常感谢啊,还不知道能不能在ext4上面
4 楼 u177734357 2011-10-27  
可惜只能在3.0上才支持
3 楼 wmq598938343 2011-04-18  
xiexie
2 楼 wxw_317 2011-04-08  
,太感谢了
1 楼 ninggy 2010-12-24  
正需要这个,非常感谢

相关推荐

    ext4 年月时间控件 年月日时间控件 年月日时分秒时间控件

    在EXTJS4中,时间控件是用于用户交互并输入日期和时间的界面元素,它提供了多种选择方式,包括年月选择、年月日选择以及年月日时分秒选择。这些控件在Web应用程序中非常常见,尤其适用于需要用户输入特定日期或时间...

    带时分秒的EXT日期控件

    带动Ext.DateTimePicker设置 * 4,增加时期时间选择器变动时的样式变化功能 * 5,解决GRID中使用时,同列同对象间值影响的问题 * 6,解决原组件,点击today按钮时,无法回到选择器当日界面的问题 */ 另外此控的时分...

    ext 时间控件带有时分秒的控件

    标题所提及的"ext 时间控件带有时分秒的控件",实际上是一种自定义的EXT JS组件,它扩展了原生的日期选择器,增加了对时间精确到秒的选择支持。这种控件对于需要精确时间输入的场景特别有用,比如排程、日程安排或者...

    ext里可以选择年月日时分秒的控件

    标题中的"ext里可以选择年月日时分秒的控件"很可能指的是EXT中的`Ext.picker.Date`或者更具体地,可能是`Ext.picker.DateTimePicker`组件。 `Ext.picker.Date`是EXT中基础的日期选择器,而`Ext.picker....

    ext日期控件时分秒

    描述中提到的“ext自身控件不能选择时分秒”,意味着我们需要利用EXT JS的可扩展性,找到或创建一个扩展插件,使日期控件具备选择时、分、秒的能力。 一种常见的解决方案是使用第三方扩展,如“EXTJS DateTimeField...

    Ext日期时间(时分秒)控件

    标题中的“Ext日期时间(时分秒)控件”指的是在Web开发中使用的一种特定的用户界面组件,它允许用户选择或输入日期和时间。在本文中,我们将会深入探讨这个主题,包括ExtJS框架中的DateTime控件的使用、功能以及如何...

    Ext时间日期选择控件,精确到秒

    2. `TimePicker.js`:时间选择器控件,通常与一个时间字段配合使用,通过弹出窗口展示一个可滚动的时间列表供用户选择。EXTJS 5中的时间选择器可能包含改进的交互设计,比如滑动选择时间,以及更好的键盘导航支持。 ...

    Ext4.2年月日时分秒控件

    本文将详细讨论基于Ext4.2的年月日时分秒时间选择控件,一个功能强大且经过验证的组件,它能为用户提供方便、直观的时间输入体验。 首先,我们来了解Ext4.2。Ext JS是Sencha公司开发的一款JavaScript框架,主要用于...

    Ext扩展dateField时间控件,可以选择年月日、年月、年、月

    在本文中,我们将深入探讨`Ext`框架中的`dateField`扩展,特别是在允许用户选择不同时间范围方面的能力,如年月日、年月、年或仅月。`Ext`是Sencha公司开发的一个强大的JavaScript应用框架,常用于构建富客户端Web...

    EXT3.0官方时间(时分秒)控件(支持多浏览器)

    总之,EXT3.0官方时间(时分秒)控件是构建现代Web应用时不可或缺的一个工具,它提供了一种高效且美观的方式让用户输入和选择时间,极大地提升了用户体验。开发者可以充分利用其特性,根据项目需求进行定制,以实现...

    ext 4.0 日期选择控件 时分秒 中文版

    这个"EXT 4.0 日期选择控件 时分秒 中文版"显然是一个经过本地化处理的版本,支持中文显示,并且在选择日期的同时还能选择具体的时间,精确到时、分、秒。 日期选择控件在Web应用中非常常见,用于用户输入或选择...

    EXTJS时间控件年月日时分秒

    不过,要实现年月日时分秒的选择,我们需要自定义或者扩展这个基础控件。在EXTJS中,可以通过配置项来定制控件的行为,例如改变时间间隔、设定默认值、添加格式化规则等。 创建一个年月日时分秒的时间控件,我们...

    ext时间控件,可以选择时分秒

    里面有一个jsp文件例子 *" pageEncoding="UTF-8"%> String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + ...

    ext4.2 日历日期控件,可以选择时分秒

    "ext4.2 日历日期控件,可以选择时分秒"是一个专门针对这个需求的组件,它允许用户在网页应用中方便地选择日期、时间和秒数。这个控件是EXTJS库的一个组成部分,EXTJS是一个基于JavaScript的富客户端应用框架,广泛...

    extjs4.2 日期控件扩展带时分秒

    通过扩展ExtJS 4.2的日期控件,我们旨在创建一个新的控件,该控件不仅能够显示和选择日期,而且还能够选择具体的时间(小时、分钟、秒)。这将大大提高用户在填写表单时的灵活性,并且可以用于需要精确到秒级别的...

    Ext时间控件.rar

    在描述中提到的"支持时分秒的时间控件",意味着这个控件不仅限于选择日期,还能精确到小时、分钟和秒,这对于需要精确时间输入的场景非常有用。此外,这个时间控件还宣称支持多种浏览器,包括IE(至少兼容到IE8)、...

    ExtJs4.2.1年月日时分秒、时分秒控件

    1. **日期选择器(Date Field)**:ExtJS的`Ext.form.field.Date`类提供了一个可交互的日历控件,允许用户选择日期。它通常与`Ext.picker.Date`配合使用,展示一个弹出的日历窗口。配置项如`format`定义了日期的显示...

    ext 日期时间控件

    在EXT中,日期时间控件(DateTimeField)是一个非常实用的组件,允许用户选择日期和时间,从而提高用户体验和数据输入的准确性。EXT提供了丰富的UI组件,包括表格、面板、窗口、表单等,而日期时间控件则是表单组件...

    Ext做的时间段选择控件

    自己第一次用Ext做的时间段选择控件,是参考公司了另一同事的控件修改的希望对大家有用。

    extjs时间控件精确秒

    在“EXTJS时间控件精确秒”这个主题中,我们将深入探讨EXTJS如何实现时间控件的秒级精确选择,以及如何自定义和优化这一功能。 EXTJS的时间控件主要通过`Ext.form.field.Time`类来实现。这个类提供了一个标准的时间...

Global site tag (gtag.js) - Google Analytics