日期:2014-05-16  浏览次数:20409 次

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

众所周知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控件中回填数据