JS時間戳轉換日期格式，附JS腳本詳細用法

　　今晚做分頁的時候，遇到后台往前台傳日期類型，會出現這種情況，好像是微軟為了解決操作系統兼容性問題，將日期全部轉換為從1970年1月1日至現在時間的時間戳。為了解決這個問題，特意百度了一番，整理了處理日期類型的js腳本，以及提取時間戳的正則表達式。

如圖：

 正則表達式提取時間戳：

(eval(data[key].date.replace(/\/Date\((\d+)\)\//gi, "new Date($1)")))


注:(eval(后台傳前台日期.replace(/\/Date\((\d+)\)\//gi, "new Date($1)")))

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;           
}         

方法的調用:

注：需引入我們寫好的JS文件

 

    <script src="../../Script/jquery-3.4.1.js"></script>
    <script src="../../Script/datapattern.js"></script>
    <script type="text/javascript">
        initTable(); //初始化表格

        //初始化表格
        function initTable() {
            $.getJSON("LoadAllNews.ashx", "", function (data) {
                $("#tbBody").html("");
                for (var key in data) {
                    var dateStr = (eval(data[key].date.replace(/\/Date\((\d+)\)\//gi, "new Date($1)"))).pattern("yyyy-M-d h:m:s.S");
                    var strTr = "<tr>";
                    strTr += "<td>" + data[key].id + "</td>";
                    strTr += "<td>" + data[key].title + "</td>";
                    strTr += "<td>" + dateStr + "</td>";
                    strTr += "<td><a href='#'>詳情</a></td>";
                    strTr += "</tr>";
                    $("#tbBody").append(strTr);
                }
            });
        };
    </script>

 

 

 

JS的調試：

搞定！~