脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-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>
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的javascript代码实例教程-Easyui获取数据库date数据的显示全部内容,希望文章能够帮你解决javascript代码实例教程-Easyui获取数据库date数据的显示所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。