easyui datagrid 中序列化后的日期格式化
2015-06-08 15:06
465 查看
1、在easyui datagrid 中序列化后的日期显示为:/Date(1433377800000)/
2、格式化后的显示为: 2015-06-04 08:30:00
3、使用代码如下:
3.1、
3.2、引用Common.js文件,Common.js内容如下:
2、格式化后的显示为: 2015-06-04 08:30:00
3、使用代码如下:
3.1、
<script type="text/javascript"> $(function () { $("#tdList").datagrid({ url: "/Admin/Dictionary/Index", title: "数据字典列表", loadMsg: '正在加载信息...', width: "100%", idField: "Id", fitColumns: true, pagination: true, pageSize: 10, pageList: [10, 20, 35, 50], singleSelect: true, rownumbers: true, columns: [[ { field: 'ck', checkbox: true, align: 'left', width: 50 }, { field: 'Name', title: '名称', width: 120 }, { field: 'DisOrder', title: '字典类别', width: 80 }, { field: 'Description', title: '备注', width: 120 }, { field: 'UpdateTime', title: '最后更新时间', width: 80, align: 'right', formatter: function (value, row, index) { var datetime = Common.formatterDateTime(value); return datetime; } } ]], toolbar: [{ id: 'add', text: '添加', iconCls: 'icon-add', handler: add }], onLoadSuccess: function (data) { if (!data.rows) { var body = $(this).data().datagrid.dc.body2; body.find('table tbody').append('<tr><td width="' + body.width() + '" style="height: 25px; text-align: center;">没有数据</td></tr>'); } } }); }); function add(){ $("#add").dialog({ title: "添加数据字典类别", collapsible: true, minimizable: true, maximizable: true, resizable: true, width: 400, height: 260, buttons: [{ text: "保存", iconCls: "icon-add", handler: function () { $("#add form").submit(); } }, { text: "取消", iconCls: "icon-cancel", handler: function () { $("#add").dialog("close"); } }] }); }; </script>
3.2、引用Common.js文件,Common.js内容如下:
var Common = { /** * 格式化日期(不含时间) */ formatterDate: function (date) { if (date == undefined) { return ""; } /*json格式时间转js时间格式*/ date = date.substr(1, date.length - 2); var obj = eval('(' + "{Date: new " + date + "}" + ')'); var date = obj["Date"]; if (date.getFullYear() < 1900) { return ""; } var datetime = date.getFullYear() + "-"// "年" + ((date.getMonth() + 1) > 10 ? (date.getMonth() + 1) : "0" + (date.getMonth() + 1)) + "-"// "月" + (date.getDate() < 10 ? "0" + date.getDate() : date .getDate()); return datetime; }, /** * 格式化日期(含时间"00:00:00") */ formatterDate2: function (date) { if (date == undefined) { return ""; } /*json格式时间转js时间格式*/ date = date.substr(1, date.length - 2); var obj = eval('(' + "{Date: new " + date + "}" + ')'); var date = obj["Date"]; if (date.getFullYear() < 1900) { return ""; } /*把日期格式化*/ var datetime = date.getFullYear() + "-"// "年" + ((date.getMonth() + 1) > 10 ? (date.getMonth() + 1) : "0" + (date.getMonth() + 1)) + "-"// "月" + (date.getDate() < 10 ? "0" + date.getDate() : date .getDate()) + " " + "00:00:00"; return datetime; }, /** * 格式化去日期(含时间) */ formatterDateTime: function (date) { if (date == undefined) { return ""; } /*json格式时间转js时间格式*/ date = date.substr(1, date.length - 2); var obj = eval('(' + "{Date: new " + date + "}" + ')'); var date = obj["Date"]; if (date.getFullYear() < 1900) { return ""; } var datetime = date.getFullYear() + "-"// "年" + ((date.getMonth() + 1) > 10 ? (date.getMonth() + 1) : "0" + (date.getMonth() + 1)) + "-"// "月" + (date.getDate() < 10 ? "0" + date.getDate() : date .getDate()) + " " + (date.getHours() < 10 ? "0" + date.getHours() : date .getHours()) + ":" + (date.getMinutes() < 10 ? "0" + date.getMinutes() : date .getMinutes()) + ":" + (date.getSeconds() < 10 ? "0" + date.getSeconds() : date .getSeconds()); return datetime; } };
相关文章推荐
- EasyUITreeGridMasterFile(EasyUITree大数据量一次性加载)
- Failed to issue method call: Unit mysql.service failed to load: No such file or directory解决的方式
- EasyUITreeMasterFile(EasyUITree大数据量一次性加载)
- Android自动化测试(UiAutomator)简要介绍 完整版本
- 百度ueditor编辑器插件开发之对话框-移动微模板插件
- Handling Technical Questions
- Android 使alertDialog.builder不会点击外面和按返回键消失
- COM模块三---根的形成和注册代理server(Building and Registering a Proxy DLL)
- Unique Binary Search Trees
- Handling Technical Questions
- String,StringBuffer与StringBuilder差异??
- 小胖说事14--------IOS字体大小,字号的问题 PX转化为UIFont
- EqualsBuilder和HashCodeBuilder
- Hive使用SequenceFile存储数据
- UITableView:改变 TableHeaderView 的高度
- Android UI--提高Android UI体验
- Android Stduio 发生 Process 'command 'somePath:java.exe'' finished with non-zero exit value 2 异常的解决办法
- 图片拉伸:IOS开发UIImage中stretchableImageWithLeftCapWidth
- iOS - UIAutomation 记录
- UEditor的使用