GridPanel中的时间格式处理

最新推荐文章于 2020-12-23 09:34:39 发布
原创 最新推荐文章于 2020-12-23 09:34:39 发布 · 2.5k 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
Coolite/Ext JS/Ext.NET

当前文章被收录于：

Coolite/Ext JS/Ext.NET
25 篇文章 0 人学习
订阅专栏 查看详情
本文介绍如何在ExtJS的GridPanel中自定义显示日期时间格式，通过设置Store字段类型为Date，并在GridPanel中对该字段应用Renderer方法实现。

在GridPanel中的时间字段格式如果不控制的话，是这样的：2008-8-15T16:08:46，很明显这不是我们中国人需要的格式。

 

要控制这个格式需要注意：

 

1.Store的时间类型的字段注明为Date类型：

 

2.GridPanel中为该字段增加Render的方法：

 

这里的格式'Y-m-d H:i:s'返回时间格式为：2008-8-15 16:05:30

如果只需要年月日，那为应该是'Y-m-d'

标签
#date #header #ext #咨询
EXTJS.GRIDPANEL 日期格式
04-06
EXTJS.GRIDPANEL中日期格式 设置
Ext.grid.GridPanel 正确显示日期
asnn0208的专栏
07-16 1810
数据库是用的sqlserver2005，时间字段的类型是datetime。 java实体类中此字段对应的类型，我采用了java.util.Date（java.sql.Timestamp应该是最对应sql里的datetime类型的）。 前台采用了Ext.grid.GridPanel 来显示读取的数据，时间显示为long型。 让grid显示的时间为“年月日时分秒”的形式： st
grid设置时间格式
weixin_30872157的博客
04-02 394
案例： cols.Bound(m => m.Name).TextAlignCenter().Sortable(false).Format("{0: yyyy-MM-dd HH:mm}"); 转载于:https://www.cnblogs.com/redfull/p/8690428.html
时间戳转换成String类型
hongtaq的专栏
08-01 2617
java里面时间类型转换成json数据就成这样了： "createTime":{"date":30,"day":3,"hours":15,"minutes":14,"month":3,"nanos":0,"seconds" :38,"time":1209539678000,"timezoneOffset":-480,"year":108} 在gridpanel里面就会显示成[object,o
ext时间格式的转换 提供三种转换
hualizide的专栏
11-11 3629
原文地址：http://blog.sina.com.cn/s/blog_4ca246370100nu9d.html 第一种   我自己用的是第三种，正常可以用 java里面时间类型转换成json数据就成这样啦 "createTime":{"date":30,"day":3,"hours":15,"minutes":14,"month":3,"nan
取出gridpanel中的日期列
yzp_soft的专栏
04-13 473
<br />默认取出来的是Wed Mar 2 00:00:00 UTC+0800 1977<br />通过下面的方法，取出为：1977-03-02<br /> <br /> <br />renderer: function(value) <br />{<br />  var reDate = //d{4}/-/d{2}/-/d{2}/gi;<br />  var reTime = //d{2}:/d{2}:/d{2}/gi;<br />  return value.match(reDate) + " " +
json时间格式转为ext
happy492的专栏
02-28 1482
<br />java里面时间类型转换成json数据就成这样啦。（注意我画红的地方） "createTime":{"date":30,"day":3,"hours":15,"minutes":14,"month":3,"nanos":0,"seconds" :38,"time":1209539678000,"timezoneOffset":-480,"year":108} 在gridpanel里面就会显示成[object,object] 在store里面这样写 { name : 'createTi
Ext.grid.GridPanel处理显示数据
ProgrammingRoad
06-29 914
cm : new Ext.grid.ColumnModel([ { header : '金额', dataIndex : 'money' ,renderer :function(value){ return value/100; }}, { header : '时间', width: 120, sortable : true, dataIndex : 'date', renderer:Ext.util.Format.dateRenderer('Y-m-d h:i:
ext.js学习
TivonaLH的博客
10-08 732
1.ext.js教程：https://www.w3cschool.cn/extjs/extjs_overview.html 2.Ext.grid.GridPanel属性及方法：https://www.cnblogs.com/hqyj/p/7818209.html 3.ext.js中的数据表格中的 renderer:function（value， cellmeta， record， row...
EXT显示json返回的时间格式数据
ghost1000的专栏
08-19 180
json返回时间的格式大多数都是以这种形式返回的， "createTime":{"nanos":0,"time":1154834910000,"minutes":28,"seconds":30,"hours":11,"month":7,"year":106,"timezoneOffset":-480,"day&quot
在extjs 的grid中显示 Date格式的内容
trymore的学习和分享
12-26 2237
java里面时间类型转换成json数据就成这样啦   Js代码   "modifyTime":{"date":30,"day":3,"hours":15,"minutes":14,"month":3,"nanos":0,"seconds":38,   "time":1209539678000,"timezoneOffset":-480,"year":108}
Extjs日期格式问题
weixin_34256074的博客
01-12 209
一般我们的前台代码Ext.grid.ColumnModel里会这样写，以便显示日期格式：Js代码1.....2.{header:"birthday",dataIndex:"birthday".......renderer:new Ext.util.Format.dateRenderer("Y-m-d"),3.........{hea...
extjs 表格数据重新加载_关于Ext3.0中按条件查询并重新加载Grid中的数据的实现过程及store.load的分析...
weixin_39646658的博客
12-23 637
Ext.onReady(function() {var cm = newExt.grid.ColumnModel([ {header :'收入类型',dataIndex :'income_code'},//sortable为true设置按列排序{header :'时间',dataIndex :'income_date',sortable :true,type :'date',width :200,...
ExtJS 日期格式转换的三种方式
yllzhq的专栏
10-17 7546
第一种   我自己用的是第三种，正常可以用 java里面时间类型转换成json数据就成这样啦 "createTime":{"date":30,"day":3,"hours":15,"minutes":14,"month":3,"nanos":0,"seconds" :38,
解决EXT中Grid等组件读取Json数据的Date数据问题
そうふくのスタジオ
02-17 75
"year":108} 在gridpanel里面就会显示成[object,object],同样在表单中也显示[object,object]. 从开始使用EXt以来,就被这个问题困扰,一直没解决这个问题,查了网上的解决办法,都没成功,而且,网上的办法也不简单. 今天实在受不了啦,就动手自己做了一下,没想到,很轻松的搞定了这个问题.(原创文章,转载请注明来源http://www.busfly.cn/post/ext-grid-json-date.html) 解决办法如下: 写一个
ExtJS EditorGridPanel中时间日期编辑问题的总结
天猪部落阁 - (ExtJS && AS3 && Java)
09-23 219
老是被反复问到这个问题,烦了...总结下...   1.首先要确保你store中的field是成功的把时间字符串转换为date类型 2.正确的设置grid的renderer以便呈现 3.正确的设置editor的format 4.关于格式化的方式,看ext api中Date的那篇,很详细.   截图如下: 代码如下: Ext.onReady(function(){ Ext...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值