当前位置:编程学习 > JAVA >>

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 ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,