MVC EasyUI 时间格式化

用 return Json(dr, JsonRequestBehavior.AllowGet); 会返回一个json 数据格式，在用 EasyUI 输出表格内容时会遇到时间输出不是我们想要的格式，

日期字段内容输出却是一个

"\/Date(1449046730327)\/" 这样的格式内容，需要我们去转换才能输出 2015-12-02 16:58:50 这样的格式，

在网上查找地过一些信息如果通过mvc 后台去转换的话会相对复杂一些需要用到 Json.Net 来重构 mvc 里面的 json 的方法，这里就不多说需要的话可以在网上搜索一下 ，

我们在这里将用到前端 js + easyui 的一个扩展方法 formatter="Common.DateTimeFormatter"

View (示图)：

<table id="dg" class="easyui-datagrid"  data-options="pageSize:20" pagination="true" rownumbers="true" fit="true" fitcolumns="true" singleselect="true" toolbar="#toolbar" fit="false" style=" height:500px;">
<thead>
<tr>
<th data-options="field:'ck',checkbox:true"></th>
<th field="id">
ID
</th>
<th field="email" >
Email
</th>
<th field="phone" >
phone
</th>
<th field="firstname" >
firstName
</th>
<th field="lastname" >
lastname
</th>
<th field="address" >
Address
</th>
<th field="datecreate" formatter="Common.DateTimeFormatter" >
datecreate
</th>
</tr>
</thead>
</table>

JS :

//EasyUI 日期格式化 扩展方法

var Common = {
//EasyUI用DataGrid用日期格式化
TimeFormatter: function (value, rec, index) {
if (value == undefined) {
return "";
}
/*json格式时间转js时间格式*/
value = value.substr(1, value.length - 2);
var obj = eval('(' + "{Date: new " + value + "}" + ')');
var dateValue = obj["Date"];
if (dateValue.getFullYear() < 1900) {
return "";
}
var val = dateValue.Format("yyyy-mm-dd HH:MM");
return val.substr(11, 5);
},
DateTimeFormatter: function (value, rec, index) {
if (value == undefined) {
return "";
}
/*json格式时间转js时间格式*/
value = value.substr(1, value.length - 2);
var obj = eval('(' + "{Date: new " + value + "}" + ')');
var dateValue = obj["Date"];
if (dateValue.getFullYear() < 1900) {
return "";
}
return dateValue.Format("yyyy-mm-dd HH:MM:SS");
},

//EasyUI用DataGrid用日期格式化
DateFormatter: function (value, rec, index) {
if (value == undefined) {
return "";
}
/*json格式时间转js时间格式*/
value = value.substr(1, value.length - 2);
var obj = eval('(' + "{Date: new " + value + "}" + ')');
var dateValue = obj["Date"];

if (dateValue.getFullYear() < 1900) {
return "";
}

return dateValue.Format("yyyy-mm-dd");
}
};

扩展一个日期 Format 方法

// 对Date的扩展，将 Date 转化为指定格式的String
// 月(M)、日(d)、小时(H)、分(M)、秒(S)、季度(q) 可以用 1-2 个占位符，
// 年(y)可以用 1-4 个占位符，毫秒(s)只能用 1 个占位符(是 1-3 位的数字)
// 例子：
// (new Date()).Format("yyyy-mm-dd HH:MM:SS.s") ==> 2015-07-02 08:09:04.423
// (new Date()).Format("yyyy-m-d H:M:S.s")      ==> 2015-7-2 8:9:4.18
Date.prototype.Format = function (fmt) { //author: meizz
var o = {
"m+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"H+": this.getHours(), //小时
"M+": this.getMinutes(), //分
"S+": this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
"s": this.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}

//调用：
//var time1 = new Date().Format("yyyy-MM-dd");
//var time2 = new Date().Format("yyyy-MM-dd HH:mm:ss");

输出结果如下：