easyui-datagrid关于展示的字段需要进行数据类型转换的问题(自己记录备忘)

从后台取的数据需要进行数据类型转换时

在表格datagrid的file中获取bean属性,通过formatter调用js脚本方法进行数据类型转换

例如:数据库中存放的是时间戳,bean属性也是Date类型,如果不转换,在页面上展示的就是时间戳,
因此,我们在前台要对拿到的bean属性进行数据类型转换

<th data-options="field:'chargeTime',formatter:comFormatDate,width:125">收费时间</th>


调用的JS脚本:

/**
 * 时间格式YYY-mm-dd hh:mm:ss
 * @param date
 * @returns {String}
 */
function comFormatDate(date) {
var day = new Date(date); 
var Year = 0; 
var Month = 0; 
var Day = 0; 
var CurrentDate = ""; 
//初始化时间 
//Year= day.getYear();//有火狐下2008年显示108的bug 
Year= day.getFullYear();//ie火狐下都可以 
Month= day.getMonth()+1; 
Day = day.getDate(); 
Hour = day.getHours(); 
 Minute = day.getMinutes(); 
 Second = day.getSeconds(); 
CurrentDate += Year + "-"; 
if (Month >= 10 ) { 
CurrentDate += Month + "-"; 

else { 
CurrentDate += "0" + Month + "-"; 

if (Day >= 10 ) { 
CurrentDate += Day ; 

else { 
CurrentDate += "0" + Day ; 

if(Hour>=10){
CurrentDate +=" "+Hour;
}else{
CurrentDate +=" "+"0"+Hour;
}
if(Minute>=10){
CurrentDate +=":"+Minute;
}else{
CurrentDate +=":"+"0"+Minute;
}
if(Second>=10){
CurrentDate +=":"+Second;
}else{
CurrentDate +=":"+"0"+Second;
}
return CurrentDate; 
}


例如:数据库存放的类型是int类型,展示时,需要转换为String类型

<th data-options="field:'accountType',formatter:accountType,width:60">结算户性质</th>  


对应的js脚本:



最后附上转换后的结果:





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值