论坛首页 Web前端技术论坛

时间组件(Ext做的,附demo和源文件下载)

浏览 7850 次
精华帖 (1) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-11-16   最后修改:2011-11-16
简单好用的DateTimeField组件,对Ext的DateField,DateMenu,DatePicker三个组件进行扩展,实现在一个组件内选择日期和时间的功能,时间选择采用下拉、手工输入多种模式,可配置,下面提供了源码.   
Ext.onReady(function() {
	new Ext.form.DateTimeField({
		renderTo : 'time1',
		width : 150,
		format : 'MM/dd/yyyy HH:mm:ss',
		timePickerCfg : {
			increment : 30
		}
	});
	new Ext.form.DateTimeField({
		renderTo : 'time2',
		width : 150,
		format : 'MM/dd/yyyy HH:mm',
		timePickerCfg : {
			increment : 10
		}
	});
	new Ext.form.DateTimeField({
		width : 150,
		renderTo : 'time3'
	});
});








  • 大小: 17.6 KB
  • 大小: 22.2 KB
  • 大小: 17.9 KB
   发表时间:2011-11-18  
正好需要这样的控件,要在一个格子里又选日期又选时间的
0 请登录后投票
   发表时间:2011-11-18  
不知可否支持EJ4呢?
0 请登录后投票
   发表时间:2011-11-19  
为什么都没人发现jquery datetimepicker plugin呢^^
0 请登录后投票
   发表时间:2011-11-19  
收着学习学习 能在jsp上使用么?
0 请登录后投票
   发表时间:2011-11-20  
用了下,感觉还不错~一开始只把插件投进去new出来用,发现显示有点问题,后来比较了下发现楼主在ext的css-all里也动了点手脚,改了下显示就ok了。
0 请登录后投票
   发表时间:2011-11-20  
ssy341 写道
收着学习学习 能在jsp上使用么?

当然可以
0 请登录后投票
   发表时间:2011-11-20  
senhui19 写道
不知可否支持EJ4呢?

这个还没有试过,不过Ext4的语法变了很多。
0 请登录后投票
   发表时间:2011-11-20   最后修改:2011-11-20
把这个放在grid里作为editor,和RowEditor插件配合使用好像有问题。 暂时遇到两个问题,一个是dateTimeField的setValue(),在首次双击grid某单元格打开这个editor时,会报错,并且editor打不开。原因是程序会调到两次setValue(),第一次传得date类型数据没问题,第二次却传进string类型的年月日,RowEditor的源码我没仔细看,所以只是在dataTimeField里稍微改了下,就算跳过这个问题了。
然后在首次点击日历按钮的时候,在firefox下会让浏览器卡死(chrome下不会),另外第二次点击日历按钮就正常了。调这个比较纠结。。。还没找到源头,暂时就看到
this.mon(this.mbtn, 'click', this.showMonthPicker, this);
this.onEnable(true);
这两行,注释掉跑不会出错,但是日期面板部分界面不显示(但是第二次打开居然还是能显示正常 -。-)。

才疏学浅,望赐教……~
0 请登录后投票
   发表时间:2011-11-21  
white_crucifix 写道
把这个放在grid里作为editor,和RowEditor插件配合使用好像有问题。 暂时遇到两个问题,一个是dateTimeField的setValue(),在首次双击grid某单元格打开这个editor时,会报错,并且editor打不开。原因是程序会调到两次setValue(),第一次传得date类型数据没问题,第二次却传进string类型的年月日,RowEditor的源码我没仔细看,所以只是在dataTimeField里稍微改了下,就算跳过这个问题了。
然后在首次点击日历按钮的时候,在firefox下会让浏览器卡死(chrome下不会),另外第二次点击日历按钮就正常了。调这个比较纠结。。。还没找到源头,暂时就看到
this.mon(this.mbtn, 'click', this.showMonthPicker, this);
this.onEnable(true);
这两行,注释掉跑不会出错,但是日期面板部分界面不显示(但是第二次打开居然还是能显示正常 -。-)。

才疏学浅,望赐教……~

我只是在表单上测试过,没有在editorGrid上测试过,我回去测试下,更正后会及时更新,谢谢你啦!
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics