Easyui获取数据库date数据的显示
2013-09-30 12:21
375 查看
众所周知Oracle数据库中的date与众不同,在Easyui中显示数据库的date类型如果不经过转化为显示为Object。因此需要经过处理。
1、首先你要写转化date的JavaScript
2、在Datagrid中调用这个函数
3、显示效果
4、在datetimebox控件中回填显示日期,在初始化$(function())中中添加代码
5、在初始化$(function())中的$("#edittable").click(function()中添加代码
5、添加totime方法
6、对应的html代码
6、成功在datetimebox控件中回填数据
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控件中回填数据
相关文章推荐
- Easyui获取数据库date数据的显示
- Easyui获取数据库date数据的显示
- easyui-combobox---ajax获取数据库JSON数据,实现搜索框实时显示模糊搜索结果
- 如何从数据库中获取image类型的数据,并把它显示出来
- easyui datagrid 数据库日期格式数据在前台显示
- AngularJs从数据库获取数据并显示
- easyui combobox下拉框省市县三级联动(从数据库获取数据)
- 将从数据库中获取的数据 ,以HTML表格的形式显示
- 针对获取json格式数据,easyui左侧显示json里的有关数据
- <问题解决>数据库date类型数据前端页面显示格式不正确问题
- 利用EasyUI 表格显示Discuz数据库中数据
- 关于从后台获取数据List<User>转化为JSON格式在前台用easyui以表格显示
- easyui-datagrid通过action从数据库获取数据的关键代码
- 关于数据库的中的Date类型的数据,在datagrid中显示为字符串格式(例如显示效果2017-10-1)
- JQuery EasyUI 学习——Struts2与EasyUI DataGrid数据表格结合使用显示数据库数据
- 如何正确理解PHP获取显示数据库数据函数
- Date类型数据转化json后,在jsp获取日期显示为[object Object]问题
- 请问关于从网络数据库获取数据 并显示的问题
- EasyUI动态显示后台数据库中的数据
- 前台js获取到后台json数据,eval解析json后,日期(object)对象转换为date日期格式显示