DIV CSS 佈局教程網

寫這篇文章，總結一下前端JavaScript遇到的時間格式處理。

1 C#時間戳處理

從後台返回的C#時間為：/Date(-62135596800000)/，這個是C#的DateTime.MinValue; 要在html頁面展示，一個方法是後端先處理成yyyy-MM-dd HH:mm:ss的格式，前端直接展示。 如果後端不做處理，就需要前端來做處理了，下面就是看前端處理的這種情況。

代碼如下：

// 說明：將C#時間戳，格式為：/Date(-62135596800000)，轉換為js時間。
// 參數：timeSpan 字符串 例如：'/Date(-62135596800000)'
// 結果：JS的Date
var parseDate = function(timeSpan)
{
    var timeSpan = timeSpan.replace('Date','').replace('(','').replace(')','').replace(/\//g,'');
    var d = new Date(parseInt(timeSpan));
    return d;
};

 

2 JS時間格式化處理 2.1轉換為：yyyy-MM-dd HH:mm:ss格式

代碼如下：

// 說明：JS時間Date格式化參數
// 參數：格式化字符串如：'yyyy-MM-dd HH:mm:ss'
// 結果：如2016-06-01 10:09:00
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()  
    };
    var year = this.getFullYear();
    var yearstr = year + '';
    yearstr = yearstr.length >= 4 ? yearstr : '0000'.substr(0, 4 - yearstr.length) + yearstr;
    
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (yearstr + "").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;
}

 

2.2如：1993年02月08日 轉換後為 08FEB93

代碼如下：

// 說明：轉換js的Date為：
// 參數：JS的的Date
// 返回：例如：1993年02月08日 轉換後為 08FEB93
var parseDateStr = function(d)
{
    var array = d.toDateString().split(' ');
    var str = array[2]+array[1]+array[3].substr(2,2);
    return str.toUpperCase()
}

 

3 常見JS的Date的函數

如圖所示：

4 兩個時間相減 4.1 兩個日期相減——秒

代碼如下：

// 說明：兩個時間相減
// 參數：JS的Date類型，或者 string 類型，格式為：yyyy-MM-dd HH:mm:ss
// 返回: date1-date2的秒數
var substractDate = function(date1, date2){
    var type1 = typeof date1;
    var type2 = typeof date2;
    if (type1 == 'string')
    {
        date1 = new Date(date1);
    }
    if (type2 == 'string')
    {
        date2 = new Date(date2);
    }
    return (date1 - date2) / 1000;
}

測試結果，如圖所示：

 

根據數學知識： 1天=24小時 1小時=60分 1分=60秒 來推導出，相差的分鐘數，小時，天數 4.2 兩個日期相減——月份

兩個日期相差的月份，不能簡單的以1個月有多少天來計算，因為有的月份有30天，有的有31天。所以是下面這種計算方式。相差的年份的計算可以參考下面這種方式。

代碼如下：

var getDiffMonths = function(date1, date2)
{
    if (!date1 instanceof Date){
        console.error('param date1 is not Date');
    }
    if (!date2 instanceof Date){
        console.error('param date2 is not Date');
    }    
    var months1 = date1.getFullYear() * 12 + date1.getMonth();
    var months2 = date2.getFullYear() * 12 + date2.getMonth();
    return months1 - months2;
}

測試結果，如圖所示：

4 時間相加 4.1 兩個日期相加——天

代碼如下：

// 說明：添加天數
// 參數：天數 比如40天
// 結果：比如日期：2016-16-13，加40天，結果為：2016-07-23
Date.prototype.addDays = function(days)
{
    var date = new Date(this);
     date.setDate(date.getDate() + days);
     return date;
}

　 相加月份，年份，參照上面的代碼。