easyui datagrid 中序列化后的日期格式化
1、在easyui datagrid 中序列化后的日期显示为:/Date(1433377800000)/
2、格式化后的显示为: 2015-06-04 08:30:00
3、使用代码如下:
3.1、
$('#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格式化函数
/* 函数:格式化日期 参数: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'; } }); }