Easyui获取数据库date数据的显示

来源：互联网发布：java开发图形界面编辑：程序博客网时间：2024/05/16 15:01

众所周知Oracle数据库中的date与众不同，在Easyui中显示数据库的date类型如果不经过转化为显示为Object。因此需要经过处理。

1、首先你要写转化date的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中调用这个函数

$(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,//显示可折叠按钮toolbar : "#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())中中添加代码

var mytime;  $('#time2').datetimebox();

5、在初始化$(function())中的$("#edittable").click(function()中添加代码

var row=$('#tt').datagrid('getSelected');mytime=formattime(row.loadtime);/*loadtime是数据库中时间的字段*/totime(mytime);/*调用totime方法*/

5、添加totime方法

function totime(val){    $('#time2').datetimebox('setValue',val);    }

6、对应的html代码

      <tr>      <td>上传时间</td>      <td><input  name="time2" id="time2"  > </td>     </tr>

6、成功在datetimebox控件中回填数据