easyui datagrid 中序列化后的日期格式化
1、在easyui datagrid 中序列化后的日期显示为:/Date(1433377800000)/
2、格式化后的显示为: 2015-06-04 08:30:00
3、使用代码如下:
3.1、
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | $( '#dg' ).datagrid({ url: 'index' , method: 'post' , title: '操作元素管理' , iconCls: 'icon-save' , dataType: "json" , rownumbers: true , //是否加行号 pagination: true , //是否显式分页 pageSize: 15, //页容量,必须和pageList对应起来,否则会报错 pageNumber: 2, //默认显示第几页 pageList: [15, 30, 45], //分页中下拉选项的数值 width: 1000, height: 500, fitColumns: true , singleSelect: false , columns: [[ { field: "chk" , checkbox: true }, { field: 'Id' , title: 'Id' , width: 70 }, { field: 'ButtonText' , title: 'ButtonText' , width: 120, editor: { type: 'text' } }, { field: 'IconCls' , title: 'IconCls' , width: 120, editor: { type: 'text' } }, { field: 'IconUrl' , title: 'IconUrl' , width: 120, editor: { type: 'text' } }, { field: 'ButtonTag' , title: 'ButtonTag' , width: 120, editor: { type: 'text' } }, { field: 'ButtonHtml' , title: 'ButtonHtml' , width: 120, editor: { type: 'text' } }, { field: 'Remark' , title: 'Remark' , width: 120, editor: { type: 'text' } }, { field: 'AddTime' , title: 'AddTime' , width: 120, formatter: function (value, row, index) { var date = value.substr(1, value.length - 2); date = value.substr(1, value.length - 2); date = eval( '(new ' + date + ');' ); return date.format( "yyyy-MM-dd HH:mm:ss" ); } }, { field: 'SortNum' , title: 'SortNum' , width: 120, editor: { type: 'numberbox' } }, ]] }); |
js格式化函数
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 | /* 函数:格式化日期 参数:formatStr-格式化字符串 d:将日显示为不带前导零的数字,如1 dd:将日显示为带前导零的数字,如01 ddd:将日显示为缩写形式,如Sun dddd:将日显示为全名,如Sunday M:将月份显示为不带前导零的数字,如一月显示为1 MM:将月份显示为带前导零的数字,如01 MMM:将月份显示为缩写形式,如Jan MMMM:将月份显示为完整月份名,如January yy:以两位数字格式显示年份 yyyy:以四位数字格式显示年份 h:使用12小时制将小时显示为不带前导零的数字,注意||的用法 hh:使用12小时制将小时显示为带前导零的数字 H:使用24小时制将小时显示为不带前导零的数字 HH:使用24小时制将小时显示为带前导零的数字 m:将分钟显示为不带前导零的数字 mm:将分钟显示为带前导零的数字 s:将秒显示为不带前导零的数字 ss:将秒显示为带前导零的数字 l:将毫秒显示为不带前导零的数字 ll:将毫秒显示为带前导零的数字 tt:显示am/pm TT:显示AM/PM 返回:格式化后的日期 */ Date.prototype.format = function (formatStr) { var date = this ; /* 函数:填充0字符 参数:value-需要填充的字符串, length-总长度 返回:填充后的字符串 */ var zeroize = function (value, length) { if (!length) { length = 2; } value = new String(value); for ( var i = 0, zeros = '' ; i < (length - value.length) ; i++) { zeros += '0' ; } return zeros + value; }; return formatStr.replace(/d{1,4}|M{1,4}|yy(?:yy)?|[hH]{1,2}|m{1,2}|s{1,2}|l{1,2}\b/g, function ($0) { switch ($0) { case 'd' : return date.getDate(); case 'dd' : return zeroize(date.getDate()); //case 'ddd': return ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'][date.getDay()]; //case 'dddd': return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()]; case 'M' : return date.getMonth() + 1; case 'MM' : return zeroize(date.getMonth() + 1); //case 'MMM': return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][date.getMonth()]; //case 'MMMM': return ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][date.getMonth()]; case 'yy' : return new String(date.getFullYear()).substr(2); case 'yyyy' : return date.getFullYear(); case 'h' : return date.getHours() % 12 || 12; case 'hh' : return zeroize(date.getHours() % 12 || 12); case 'H' : return date.getHours(); case 'HH' : return zeroize(date.getHours()); case 'm' : return date.getMinutes(); case 'mm' : return zeroize(date.getMinutes()); case 's' : return date.getSeconds(); case 'ss' : return zeroize(date.getSeconds()); case 'l' : return date.getMilliseconds(); case 'll' : return zeroize(date.getMilliseconds(), 3); //case 'tt': return date.getHours() < 12 ? 'am' : 'pm'; //case 'TT': return date.getHours() < 12 ? 'AM' : 'PM'; } }); } |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· NetPad:一个.NET开源、跨平台的C#编辑器