- 浏览: 462345 次
- 性别:
- 来自: 广州
文章分类
最新评论
-
njliukang:
请问一下,如果是异步树,应该怎么解决?貌似用expandpat ...
ExtJS Tree刷新后自动展开并选择节点 -
xiaoyueyue5721:
这是ScriptDataSet,如果换成OdaDataSet呢 ...
Birt动态填充DataSet数据 -
leexiaodong2009:
我准备要用那个锁定。
ExtJS 3.0 优秀扩展简介 (持续更新) -
babyhhcsy:
pizza823 写道分享下另外中方法store里面不用变在列 ...
ExtJS EditorGridPanel中时间日期编辑问题的总结 -
冷月宫主:
高手,请问一下有没有使用Ext做过多表头锁定左侧指定列的处理? ...
仅供纪念,曾做过的一些界面截图
老是被反复问到这个问题,烦了...总结下...
1.首先要确保你store中的field是成功的把时间字符串转换为date类型
2.正确的设置grid的renderer以便呈现
3.正确的设置editor的format
4.关于格式化的方式,看ext api中Date的那篇,很详细.
截图如下:
代码如下:
Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = '/js/extjs/3.0/resources/images/default/s.gif'; //Ext.chart.Chart.CHART_URL = '/js/extjs/3.0/resources/charts.swf'; Ext.QuickTips.init(); testEditorGrid(); }); function testEditorGrid(){ var store = new Ext.data.SimpleStore({ fields:[ //先把json中的时间格式化为date格式 {name:'time1',type:'date',dateFormat:'Y-m-d H:i:s'},//对应于2009-10-20 10:00:00 {name:'time2',type:'date',dateFormat:'Y-m-d'},//对应于2009-10-20 {name:'time3',type:'date',dateFormat:'y-m-d'},//对应于09-10-20 {name:'time4',type:'date',dateFormat:'m/d/y'},//对应于10/20/09 {name:'time5',type:'date',convert:function(v,r){return new Date(r.time5);}} //对应于1293901323000 ], data:[ ['2009-10-20 10:00:00','2009-10-20','09-10-20','10/20/09',1293901323000] ], listeners:{ 'load':function(store,records,options){ //出了问题的时候,先检查json格式是否正确转换为date var r = store.getAt(0); var validDate = Ext.isDate(r.get('time1')) && Ext.isDate(r.get('time2')) && Ext.isDate(r.get('time3')) && Ext.isDate(r.get('time4')); Ext.Msg.alert('提示','1.在Store里面格式化'+(validDate?'正确!':'错误!')); } } }); var grid = new Ext.grid.EditorGridPanel({ width: 400, height: 200, renderTo:Ext.getBody(), sm:new Ext.grid.RowSelectionModel({}), viewConfig:{forceFit:true}, store:store, columns: [{ header: '时间1', dataIndex: 'time1', //显示在grid上的格式,这里格式化为2009-10-20的格式 renderer:Ext.util.Format.dateRenderer('Y-m-d'), editor:new Ext.form.DateField({ //在编辑器里面显示的格式,这里为09-10-20的格式 format: 'y-m-d' }) },{ header: '时间2', dataIndex: 'time2', //显示在grid上的格式,这里格式化为09/10/20的格式 renderer:Ext.util.Format.dateRenderer('y/m/d'), editor:new Ext.form.DateField({ //在编辑器里面显示的格式,这里为10/20/09的格式 format: 'm/d/y' }) },{ header: '时间3', dataIndex: 'time3', //显示在grid上的格式,这里格式化为09-10-20 00:00:00的格式 renderer:Ext.util.Format.dateRenderer('y-m-d H:i:s'), editor:new Ext.form.DateField({ //在编辑器里面显示的格式,这里为2009-10-20的格式 format: 'Y-m-d' }) },{ header: '时间4', dataIndex: 'time4', //显示在grid上的格式,这里格式化为09年10月20日的格式 renderer:Ext.util.Format.dateRenderer('y年m月d日'), editor:new Ext.form.DateField({ //在编辑器里面显示的格式,这里为09.10.20的格式 format: 'y.m.d' }) }] }) }
评论
9 楼
babyhhcsy
2013-11-22
pizza823 写道
分享下另外中方法
store里面不用变
在列模型里面
renderer:formatDate
store里面不用变
在列模型里面
renderer:formatDate
// 格式化日期 function formatDate(value) { if (Ext.isEmpty(value)) {//判断是否是日期类型的数据 return ''; } else { if (Ext.isDate(value)) return Ext.util.Format.date(value, 'Y-m-d');// 用于时间控件返回值 else return Ext.util.Format.date(new Date(value), 'Y-m-d');// 转换为Date类型 } }
这个方法可以使用,如果return Ext.util.Format.date(new Date(value), 'Y-m-d');不可以使用的话,可以直接使用return value
8 楼
sprite311
2012-09-07
太感谢了 弄了半天没弄好 用了你的方法就好了 [size=x-large][/size]
7 楼
pizza823
2010-07-16
分享下另外中方法
store里面不用变
在列模型里面
renderer:formatDate
store里面不用变
在列模型里面
renderer:formatDate
// 格式化日期 function formatDate(value) { if (Ext.isEmpty(value)) {//判断是否是日期类型的数据 return ''; } else { if (Ext.isDate(value)) return Ext.util.Format.date(value, 'Y-m-d');// 用于时间控件返回值 else return Ext.util.Format.date(new Date(value), 'Y-m-d');// 转换为Date类型 } }
6 楼
pizza823
2010-07-16
atian25 写道
TO pizza823: 用
TO whaosoft: 用altFormats属性
{ name:'validTime', type:'date', convert:function(v,r){ return new Date(r.validTime); } },
TO whaosoft: 用altFormats属性
thanks a lot
5 楼
atian25
2010-07-15
TO pizza823: 用
TO whaosoft: 用altFormats属性
{ name:'validTime', type:'date', convert:function(v,r){ return new Date(r.validTime); } },
TO whaosoft: 用altFormats属性
4 楼
pizza823
2010-07-15
冲第一条
1.首先要确保你store中的field是成功的把时间字符串转换为date类型
服务器返回的数据如下
"roleLimits":"11111111111111111111111111111111"},"recId":1,"idx":null,"shopId":7,"loginName":"admin","passwd":"21232f297a57a5a743894a0e4a801fc3","secPasswdTip":null,"secPasswd":null,"deptName":null,"positionName":null,"validTime":1293901323000,"lastLoginTime":1279165615000,"lastLoginIp":"127.0.0.1","loginCount":77,"createTime":1274405926000
里面"validTime":1293901323000"
因为不是Date类型,所以
即使加上renderer : Ext.util.Format.dateRenderer('Y-m-d')
页面还是输出 NaN-NaN-NaN
这里如何转换validTime,还是说在后台转换
1.首先要确保你store中的field是成功的把时间字符串转换为date类型
服务器返回的数据如下
"roleLimits":"11111111111111111111111111111111"},"recId":1,"idx":null,"shopId":7,"loginName":"admin","passwd":"21232f297a57a5a743894a0e4a801fc3","secPasswdTip":null,"secPasswd":null,"deptName":null,"positionName":null,"validTime":1293901323000,"lastLoginTime":1279165615000,"lastLoginIp":"127.0.0.1","loginCount":77,"createTime":1274405926000
里面"validTime":1293901323000"
因为不是Date类型,所以
即使加上renderer : Ext.util.Format.dateRenderer('Y-m-d')
页面还是输出 NaN-NaN-NaN
var store = new Ext.data.JsonStore({ // 定义数据源为远程代理和JSON数据格式 url : 'user/list.json', root : "userList", totalProperty : 'userCount', fields : ["recId", "loginName", "userName", "role.roleName", "validTime","enabled","shopId"] });
这里如何转换validTime,还是说在后台转换
3 楼
l101y1982j
2009-10-23
天猪,我来捧你的场了哈。
另外,关于日期格式,大家可以去我的博客看一下《Extjs日期格式问题》一和二
另外,关于日期格式,大家可以去我的博客看一下《Extjs日期格式问题》一和二
2 楼
atian25
2009-10-05
whaosoft 写道
呵呵 前些日子我遇到类似功能了 例如输 1/5, 1-5 ... 等都要转成 mmm dd yy的 不过我偷懒了 日期对不对都交给后台了 要不太麻烦 (说的是 2月假如 输了 31号)那种情况 不知道 ext 实现我说的这功能没
啥意思?你想在DateField任意输入后,自动转换? 那就自己修改下DateField的相关方法咯,应该不难,看看源码即知,
1 楼
whaosoft
2009-09-30
呵呵 前些日子我遇到类似功能了 例如输 1/5, 1-5 ... 等都要转成 mmm dd yy的 不过我偷懒了 日期对不对都交给后台了 要不太麻烦 (说的是 2月假如 输了 31号)那种情况 不知道 ext 实现我说的这功能没
发表评论
-
[4.x] Ext.ux.button.AutoRefresher
2011-05-23 11:22 2667/** * @class Ext.ux.b ... -
ExtJS 4.x 定制你的js
2011-05-01 00:04 0... -
ExtJS4.x 随笔(2011-04-29更新)
2011-04-29 13:41 36951.某个激活/禁用的checkboxfield,需要提交后台的 ... -
ExtJS 4.0 改善Ext.grid.plugin.RowEditing (重构,v1.4版本,2011-09-11)
2011-04-27 15:24 12520Ext4.0 自带的Ext.ux.RowEditing还不够完 ... -
ExtJS Tree刷新后自动展开并选择节点
2010-07-29 10:48 17619很久没写EXTJS的tip了... 今天帮组员写了一个 ... -
仅供纪念,曾做过的一些界面截图
2010-07-06 16:55 3369仅供记录用. 1.亚运(EXTJS) ... -
ExtJS3.x 随笔(2010-07-08更新)
2010-07-02 17:15 3517谨用该贴来记录一些使 ... -
Ext JS 3.2.0发布 -- 不少令人振奋的特性(更新翻译后的release-notes)
2010-04-01 15:02 3725不少令人振奋的新功能 1.form里面的复合组件 ---写 ... -
Ext 3.0.1 Release Notes
2009-08-31 07:58 3916难熬的三天....JE终于恢复了.... 可惜要付费 ... -
也谈谈Ext.Grid之记录用户使用习惯—隐藏列
2009-08-27 15:58 7547在论坛看到http://www.iteye ... -
ExtJS 常见问题 - by tz
2009-08-14 16:13 0经常在群里面被问到的一些问题,不如汇集起来算了... ... -
ExtJS 3.0 优秀扩展简介 (持续更新)
2009-08-14 10:14 17174自带示例里面的扩展就 ... -
ExtJS 2.3/3.0 定制你所需要的模块
2009-08-12 13:49 13217很实在的一个需求,就是 ... -
ExtJS Combo 下拉列表正常显示HTML标签内容
2009-08-11 15:02 5856解决问题: http://www.iteye.com/pro ... -
ExtJS 3.0 Designer Preview (官方的IDE可视化工具)
2009-08-11 12:35 24633原文地址: http://extjs.com/blog/200 ... -
ExtJS Menu嵌套combo等控件时,自动隐藏/遮盖等bug的解决方案
2009-08-06 12:41 61332010-07-08补充: DateField隐藏的 ... -
ExtJS 输入框/MessageBox.prompt 禁止粘贴
2009-07-30 13:33 6731回答问题http://www.iteye.com/proble ... -
ExtJS 修复3.0里面的LovCombo(下拉多选框)的Bug
2009-07-27 16:16 11279如果你不知道lovcombo是什么,看http://setti ... -
续:ExtJS Chart 扩展(重构了下,并写了个新的示例--内存监控)
2009-07-27 15:55 5890续前文:http://atian25.iteye.com/bl ... -
ExtJS Chart 扩展 - 增加对数据的过滤等操作
2009-07-24 17:41 911709.07.27 , 重构了下,详见:http://atia ...
相关推荐
Ext Extjs 禁止文本和日期编辑 ExtJS中动态设置TextField的readOnly属性
为了解决这个问题需要在EditorGridPanel的ColumnModel中显示ComboBox的地方使用renderer属性,重新渲染,方法如下: 代码如下: //部门列表 var comboxDepartmentStore = new Ext.data.Store({ proxy: new Ext.data....
日期用Extjs自带的Ext.form.field.Date,时间用Ext.form.field.Number和Ext.form.Label进行组装。 样式显示为横向的日期、时间,非日期弹出框下方选择日期。 调用代码:Ext.create('erp.ux.form.field.DateTimer', {...
Extjs4.1可使用的日期时间选择控件,其中有一些不合理之处请各位多提宝贵意见。
NULL 博文链接:https://zxf-noimp.iteye.com/blog/629629
extjs4.0结合My97DatePicker4.7版本使用 使用简单 方便 解决extjs中日期控件不能显示时间的问题 下载后将其放到extjs目录的examples下 直接运行date.html即可 extjs4.0版本 4.0以前的版本没有测试过 如果有4.0版本...
日期用Extjs自带的Ext.form.field.Date,时间用Ext.form.field.Number和Ext.form.Label进行组装。 样式为横向的日期、时间,非日期弹出框下方选择时间。 注意事项:1、只有日期、年、月、日全部选择后,才能从name中...
extjs时间日期选择组件.
extjs 4.0 的日期时间控制,解压之后放在ext-4.0.7-gpl下的examples文件夹即可。我是下载的csdn别人的版本改的,别人给的是英文版。我给改成了中文版。
http://www.uspcat.com/forum.php?mod=viewthread&tid=5293 帖子上的日期时间控件有显示的问题,现在修改一下发出来, 该控件基于4.1版本
extjs2.0实现的日期时间选择控件,直接放在extjs的examples文件夹下运行。
extjs6 的日期时间控件,在日期控件的基础上添加了时间控件,使用combobox下拉选择时间,比使用numberfield更易操作。
ExtJs 的日期控件不带清空功能,项目有可能需要一个带清空功能的日期控件。
EXTJS实例 EXTJS树,可以编辑的EXTJS,EXTJS3.0
ExtJS日期时间控件。详细信息参照我的博文: http://blog.csdn.net/lvye1221/article/details/10225941 这是我在 apache 目录下部署了测试示例。将附件中的测试用例,按照以下方式部署好,即可成功访问: apache ...
extjs 6 的日期时间控件,不能用我铲脸
从网上搜集的一些好用的js文件。分享给爱好EXTJS的同胞们! EXTJS4.0文件夹下面包括 1.只有年月选择--dateYM.html (这个在EXTJS4.0和4.1...注:这些功能在IE6 、 IE8 、 Firefox 以及google 浏览器下测试没有问题!
ExtJs3.0 中文破解视图编辑器.rar AIR安装程序 Ext 帮组文档 你的支持就是我上传的动力 资源共享
一个常用的ExtJs的日期时间选择控件,可以实现日期和时间的选择