關於Json傳遞的日期/Date(數字)/解析

在將DateTime類型的數據Json后傳到前台展示，出現如下效果

，在客戶端如何解析呢？在jquery easyui 的字段中加一個格式化的函數調用。

  {
    field: 'CreateTime', title: '發布時間', width: 120, formatter: function (value) {
                   
                    return formatNumToDate(value);
  }

  具體代碼參見如下：

 

function compareNine(value) {  2     return value > 9 ? value : '0' + value;  3 }  4 function formatNumToDate(value) {  5     var now = eval(value.replace(/\/Date\((\d+)\)\//gi, "new Date($1)"));///.../gi是用來標記正則開始和結束；\是轉義符；()標注了正則匹配分組1，$1 

     //直接借助datapattern.js擴展 return now.pattern('yyyy-MM-dd hh:mm:ss');
     //或者使用下面方式計算
    var year = now.getYear() + 1900;//或者 now.getFullYear();  7     var month = now.getMonth() + 1;  8     var date = now.getDate();  9     var hour = now.getHours(); 10     var minute = now.getMinutes(); 11     var second = now.getSeconds(); 12     return year + "-" + compareNine(month) + "-" + compareNine(date) + " " + compareNine(hour) + ":" + compareNine(minute) + ":" + compareNine(second); 13 }

 

格式化后效果如下：

嘗試過程：

   alert(value);//顯示/Date(1392945632000)/
   //var date = new Date(value.substring(6,19));//直接是字符串，not work
   //var date = eval("new Date("+value.substring(6, 19)+")");//對字符串加上eval可以work， 但是局限，13位的范圍是[1973-03-03 17:46:40,2286-11-21 01:46:39]
   //var date = new Date(1392945632000);//直接賦值數字也work
   var date = eval(value.replace(/\/Date\((\d+)\)\//gi, "new Date($1)"));//通過正則表達式達到通用的目的
   alert("toGMTString" + date.toGMTString());
   alert("toDateString" + date.toDateString());
   alert("toLocaleDateString" + date.toLocaleDateString());
   alert("toLocaleString" + date.toLocaleString());

 datapattern.js擴展

/**     
 * 對Date的擴展，將 Date 轉化為指定格式的String     
 * 月(M)、日(d)、12小時(h)、24小時(H)、分(m)、秒(s)、周(E)、季度(q) 可以用 1-2 個占位符     
 * 年(y)可以用 1-4 個占位符，毫秒(S)只能用 1 個占位符(是 1-3 位的數字)     
 * eg:     
 * (new Date()).pattern("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423     
 * (new Date()).pattern("yyyy-MM-dd E HH:mm:ss") ==> 2009-03-10 二 20:09:04     
 * (new Date()).pattern("yyyy-MM-dd EE hh:mm:ss") ==> 2009-03-10 周二 08:09:04     
 * (new Date()).pattern("yyyy-MM-dd EEE hh:mm:ss") ==> 2009-03-10 星期二 08:09:04     
 * (new Date()).pattern("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18     
 */       
Date.prototype.pattern=function(fmt) {        
    var o = {        
    "M+" : this.getMonth()+1, //月份        
    "d+" : this.getDate(), //日        
    "h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, //小時        
    "H+" : this.getHours(), //小時        
    "m+" : this.getMinutes(), //分        
    "s+" : this.getSeconds(), //秒        
    "q+" : Math.floor((this.getMonth()+3)/3), //季度        
    "S" : this.getMilliseconds() //毫秒        
    };        
    var week = {        
    "0" : "/u65e5",        
    "1" : "/u4e00",        
    "2" : "/u4e8c",        
    "3" : "/u4e09",        
    "4" : "/u56db",        
    "5" : "/u4e94",        
    "6" : "/u516d"       
    };        
    if(/(y+)/.test(fmt)){        
        fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));        
    }        
    if(/(E+)/.test(fmt)){        
        fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "/u661f/u671f" : "/u5468") : "")+week[this.getDay()+""]);        
    }        
    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;        
}