easyui-datagrid关于展示的字段需要进行数据类型转换的问题(自己记录备忘)
2017-06-02 10:51
761 查看
从后台取的数据需要进行数据类型转换时
在表格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脚本:
最后附上转换后的结果:
在表格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脚本:
最后附上转换后的结果:
相关文章推荐
- 关于DataGrid数据绑定后对字段进行替换的问题与办法
- 关于DataGrid数据绑定后对字段进行替换的问题与办法
- 关于修改表字段数据类型的问题(ORA-22859: 无效的列修改 )
- Android解决使用findViewById时需要对返回值进行类型转换问题的辅助类
- php中关于codeigniter的xmlrpc的类在进行数据交换时的类型问题
- EasyUI-datagrid 对于展示数据进行处理(formatter)
- 关于C#数据类型之间转换的问题!
- 关于OpenCV中IplImage的char类型的ImageData需要进行强制类型转换为uchar的说明
- Linq中字段数据类型转换问题(Linq to entity,LINQ to Entities 不识别方法"System.String ToString()"问题解决)
- 关于对日期类型的数据进行模糊查询的问题
- java:关于short s1=1;s1=s1+1;short s1=1;s1+=1;short s3=s1+s2;中存在的简单数据类型转换问题的理解
- 关于easyui中datagrid数据不显示的问题
- 关于java中long类型的数据转换json传到前台时丢失精度问题的解决办法
- 关于int型整数按逆序存入数组中的问题(也即十进制数和其他类型数据的转换问题)
- 搬砖中的小事之代码(六)--列表显示的字段与数据库中字段类型不匹配,需要在查询后进行简单转换
- easyui textarea回车导致datagrid 数据无法展示的问题
- 需要进行数据类型转换的常用语句
- 关于2147217913 从 char 数据类型到 datetime 数据类型的转换导致 datetime 值越界 的问题解决方法
- 关于easyui datagrid 大量数据加载时 出现假死问题的解决方法
- 关于float double的数据类型的细节,在处理转换问题的时候非常有用