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"); 

输出结果如下：