首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

jquery easyUI 中的datagrid怎么显示日期格式的数据

2012-03-28 
jquery easyUI 中的datagrid如何显示日期格式的数据贴出我jsp里面 的部分js代码:数据库里面的【执法日期】是

jquery easyUI 中的datagrid如何显示日期格式的数据
贴出我jsp里面 的部分js代码:

数据库里面的【执法日期】是data类型的,

可是在页面上显示的时候【执法日期】那一列全是【object】,请指教哪里没有写好。



==============================部分js代码如下【取自完整代码的一部分】==============================

JScript code
            {field:'ajbh',title:'案件编号',align:'center', width:fixWidth(0.11), sortable:true},             {field:'aynr',title:'案由',align:'center',width:fixWidth(0.18)},            {field:'dsrxm',title:'当事人姓名',align:'center',width:fixWidth(0.08)},            {field:'hphm',title:'号牌号码',align:'center',width:fixWidth(0.08)},            {field:'zfsj',title:'执法日期',align:'center',width:fixWidth(0.08), sortable:true},            {field:'lrrxm',title:'录入人',align:'center',width:fixWidth(0.08)},            {field:'ajlx',title:'案件类型',align:'center',width:fixWidth(0.09),




==============================完整代码如下==============================
JScript code
function initListTable() {          $('#list_table').datagrid({            title:'案件查询列表',             iconCls:'icon-save',              width:fixWidth(1),             height:350,            rownumbers:true,              loadMsg:'数据加载中,请稍后...',               pageNumber:1,            pageSize:10,            pageList:[30,20,10],            collapsible:true,            url:'<%=path%>/wzcfcx/wzcfcxAction.do?doaction=showCaseQueryListData',            columns:[[             {field:'ck', checkbox:true             },            {field:'ajbh',title:'案件编号',align:'center', width:fixWidth(0.11), sortable:true},             {field:'aynr',title:'案由',align:'center',width:fixWidth(0.18)},            {field:'dsrxm',title:'当事人姓名',align:'center',width:fixWidth(0.08)},            {field:'hphm',title:'号牌号码',align:'center',width:fixWidth(0.08)},            {field:'zfsj',title:'执法日期',align:'center',width:fixWidth(0.08), sortable:true},            {field:'lrrxm',title:'录入人',align:'center',width:fixWidth(0.08)},            {field:'ajlx',title:'案件类型',align:'center',width:fixWidth(0.09),                formatter:function(value){                    if(value=='0'){                        return '<font color=red>未确定</font>';                    }else if(value=='1'){                        return '<font color=red>简易</font>';                    }else if(value=='2'){                        return '<font color=red>一般</font>';                    }                }            },            {field:'itemmemo',title:'案件状态',align:'center',width:fixWidth(0.09),                formatter:function(value){                    if(value == '无效'){                        return '<font color=red>无效</font>';                    }else{                        return value;                    }                                    }            },            {field:'yehumc',title:'所在单位',align:'center',width:fixWidth(0.15)}            ]],            pagination:true,            onClickRow:function(rowIndex, rowData){                  $('#list_table').datagrid('unselectRow', rowIndex);            }      }); }



[解决办法]
我也遇到了这样的问题,后来自己写了个function解决,写的一般贴出来请各位改进:
function formattime(val) {
var year=parseInt(val.year)+1900;
var month=(parseInt(val.month)+1);
month=month>9?month:('0'+month);
var date=parseInt(val.date);
date=date>9?date:('0'+date);
var hours=parseInt(val.hours);
hours=hours>9?hours:('0'+hours);
var minutes=parseInt(val.minutes);
minutes=minutes>9?minutes:('0'+minutes);
var seconds=parseInt(val.seconds);
seconds=seconds>9?seconds:('0'+seconds);
var time=year+'-'+month+'-'+date+' '+hours+':'+minutes+':'+seconds;


return time;
}
在columns属性中直接调用就可以,如:
{field:'starttime',title:"开始时间",width:120,
formatter:function(val,rec){
return formattime(val);
}
}

热点排行