您的位置:首页 > Web前端 > JavaScript

ExtJs中日期的格式化处理

2014-02-14 09:27 344 查看
转自:http://hi.baidu.com/huahua035/item/73396dee32c2080a8d3ea8f2

ExtJs中,日期的格式化处理棘手问题多出现在grid的展示列中。

推荐解决方案:

不要再前端使用js或者extjs提供的格式化函数,在后端处理(比如oracle数据库查询语句中使用to_char格式化或者是用java的SimpleDateFomet函数格式化)为格式化后的字符串,前端只负责显示。

前端格式化方案:

一旦需要在前端处理,具体分析如下:

1. 数据库获取日期

通过数据库查询后需要使用ResultSetgetDate()或者是getTimestamp()函数获取日期对象

一定要注意:

getDate()函数获取的是java.sql.Date --- 是 年-月-日格式的

getTimestamp() 函数获取的是java.sql.Timestamp --- 是年-月-日 时:分:秒 格式

2. java日期获取

java需要把数据库获得的java.sql日期转换为另一个java.util日期对象,我们常用的日期类型是java.util.Date(比如我们的POJO,VO,Bean中对象的日期类型)

一定要注意:

java.util.Date 年-月-日 时:分:秒.毫秒 格式

转换后是否包含时分秒,就要看你的数据库获取日期的方式了(如果数据库获取日期用的是getDate(),那绝对不会有时分秒的)

3. 前端展示

在extjs中,我们获取到的数据默认都是字符串,默认显示时候:

如果数据库是通过 getDate() 获取都,会显示为 “2012-09-18” 的字符串形式

如果数据库是通过 getTimestamp() 获取都,会显示为 “879561144489” 的数字串形式

如何格式化呢

分两种情况

如果数据库是通过 getDate() 获取

renderer:function(value){

return new Date(Date.parse(value.replace(/-/g, "/"))).format("Y年m月d日");

}

如果数据库是通过 getTimestamp() 获取都

renderer: function(value) {

return new Date(value).format("Y-m-d H:i:s");

}

---- 他俩的差别就是对字符串转换为日期类型的差别!

注意:前端extjs定义grid的列时候,用默认的type=‘string’,不要使用type="date"
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: