Easyui获取数据库date数据的显示
众所周知Oracle数据库中的date与众不同,在Easyui中显示数据库的date类型如果不经过转化为显示为Object。因此需要经过处理。
1、首先你要写转化date的JavaScript
[javascript]
<script type="text/javascript">
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;
}
</script>
2、在Datagrid中调用这个函数
[javascript]
$(function() {
$('#tt').datagrid({
title : '表格信息',
iconCls : 'icon-ok',
width : 800,
height : 400,
pageSize : 10,
pageList : [ 5, 10, 15, 20 ],
nowrap : true,//设置为true,当数据长度超出列宽时将会自动截取
striped : true,//设置为true将交替显示行背景。
collapsible : true,//显示可折叠按钮
易做图 : "#tb",
url : 'load!queryTable.action?begindate=&enddate=&username=&ip=&operate=',
loadMsg : '数据装载中......',
singleSelect : true,//只能选择单行
fitColumns : true,//允许表格自动缩放,以适应父容器
remoteSort : false,
frozenColumns : [ [ {
field : 'ck',
checkbox : true
} ] ],
columns : [ [
{
title : '标题',
field : 'title',
width : '340',
rowspan : 2,
align : 'center'
},{
title : '类型',
field : 'cpersontype',
width : '120',
rowspan : 2,
align : 'center'
},
{
title : '上传时间',
field : 'loadtime',
width : '120',
rowspan : 2,
align : 'center',
formatter:function(val)
{ /* 调用函数显示时间 */
return formattime(val);
}
}] ],
pagination : true,//分页
rownumbers : true//行数
});
});
3、显示效果
4、在datetimebox控件中回填显示日期,在初始化$(function())中中添加代码
[javascript]
var mytime;
$('#time2').datetimebox();
5、在初始化$(function())中的$("#edittable").click(function()中添加代码
[javascript]
var row=$('#tt').datagrid('getSelected');
mytime=formattime(row.loadtime);/*loadtime是数据库中时间的字段*/
totime(mytime);/*调用totime方法*/
5、添加totime方法
[javascript]
function totime(val){
$('#time2').datetimebox('setValue',val);
}
6、对应的html代码
[html]
<tr>
<td>上传时间</td>
<td><input name="time2" id="time2" > </td>
lt;/tr>
补充:web前端 , JavaScript ,