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,//显示可折叠按钮  

            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())中中添加代码

[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>