js 時間常用處理方法

眾所周知，JavaScript核心包含Data()構造函數，用來創建表示時間和日期的對象。

今天主要跟大家梳理一下，常用的時間、日期處理方法，方便大家使用和理解

格式化時間

老生常談，大概會這么寫

var format = function (time) { 
        var y = time.getFullYear(); //getFullYear方法以四位數字返回年份
        var M = time.getMonth() + 1; // getMonth方法從 Date 對象返回月份 (0 ~ 11)，返回結果需要手動加一
        var d = time.getDate(); // getDate方法從 Date 對象返回一個月中的某一天 (1 ~ 31)
        var h = time.getHours(); // getHours方法返回 Date 對象的小時 (0 ~ 23)
        var m = time.getMinutes(); // getMinutes方法返回 Date 對象的分鍾 (0 ~ 59)
        var s = time.getSeconds(); // getSeconds方法返回 Date 對象的秒數 (0 ~ 59)
        return y + '-' + M + '-' + d + ' ' + h + ':' + m + ':' + s;
}

var time1 = format(new Date());

但是有什么問題呢？一般來說小於10的值，要在前面添加字符串‘0’的，我們大可以寫個判斷來解決他，但是太麻煩了~

其實可以這樣

var format = function (time) { 
      var date = new Date(+time + 8 * 3600 * 1000);
    	return date.toJSON().substr(0, 19).replace('T', ' ').replace(/-/g, '.');
}
var time1 = format(new Date());

//Date的‘toJSON’方法返回格林威治時間的JSON格式字符串，轉化為北京時間需要額外增加8個時區，然后把‘T’替換為空格，即是我們需要的時間格式，后面可以通過正則將日期分隔符換成任何想要的字符。
//一元加操作符可以把任何數據類型轉換成數字，所以獲取時間對象對應毫秒數的另一個方法是+Date或Number(Date)

獲取當月最后一天

一個月可能有28/29/30/31天，使用寫死數據的方式來解決閏年和大小月顯然是不科學的。

function getLastDayOfMonth (time) {
    var month = time.getMonth();
    time.setMonth(month+1);
    time.setDate(0);
    return time.getDate()
}
getLastDayOfMonth(new Date())
//先月份加一，再取上個月的最后一天

獲取這個季度第一天

用來確定當前季度的開始時間，常用在報表中

function getFirstDayOfSeason (time) {
    var month = time.getMonth();
    if(month <3 ){
        time.setMonth(0);
    }else if(2 < month && month < 6){
        time.setMonth(3);
    }else if(5 < month && month < 9){
        time.setMonth(6);
    }else if(8 < month && month < 11){
        date.setMonth(9);
    }
    time.setDate(1);
    return time;
}
getFirstDayOfSeason(new Date())
//先月份加一，再取上個月的最后一天

獲取中文星期

這也是個比較常見的雪球，完全沒必要寫一長串switch啦，直接用charAt來解決。

1	let time ="日一二三四五六".charAt(new Date().getDay());

獲取今天是當年的第幾天

來看看今年自己已經浪費了多少時光~

var time1 = Math.ceil(( new Date() - new Date(new Date().getFullYear().toString()))/(24*60*60*1000));

//需要注意的是new Date()不設置具體時間的話new Date(2019)得到的不是0點而是8點 
//Tue Jan 01 2019 08:00:00 GMT+0800 (中國標准時間)

獲取今天是當年的第幾周

日歷、表單常用

1
2
3

var week = Math.ceil(((new Date() - new Date(new Date().getFullYear().toString()))/(24*60*60*1000))/7);

//在獲取第幾天的基礎上除7，向上取整

獲取今天是當年還剩多少天

再來看看今年還有多少天可以浪費~

function restOfYear(time) {
    var nextyear = (time.getFullYear() + 1).toString();
    var lastday = new Date(new Date(nextyear)-1); //獲取本年的最后一毫秒：
    console.log(lastday)
    var diff = lastday - time;  //毫秒數
    return Math.floor(diff / (1000 * 60 * 60 * 24));
}
restOfYear(new Data())
//先取下一年第一秒，再減1毫秒。順便思考一下為什么👆是Math.ceil，👇是Math.floor。

計算兩個時間的間隔

可以拓展為倒計時、有效期等用途

function diffTime(startDate,endDate,location) {
    var diff=new Date(endDate).getTime() - startDate;//時間差的毫秒數

    //計算出相差天數
    var days=Math.floor(diff/(24*3600*1000));

    //計算出小時數
    var leave1=diff%(24*3600*1000);    //計算天數后剩余的毫秒數
    var hours=Math.floor(leave1/(3600*1000));

    //計算相差分鍾數
    var leave2=leave1%(3600*1000);        //計算小時數后剩余的毫秒數
    var minutes=Math.floor(leave2/(60*1000));

    //計算相差秒數
    var leave3=leave2%(60*1000);      //計算分鍾數后剩余的毫秒數
    var seconds=Math.round(leave3/1000);
    if(location === "Day") {
       return returnStr = "還有" + days + "天";
    }else if(location === "Hours") {
       return returnStr = "還有" + (hours+days*24) + "小時";
    }else if(location === "Minutes") {
       return returnStr = "還有" + (minutes+(hours+days*24)*60) + "分鍾";
    }else if(location === "Seconds") {
       return returnStr = "還有" + (seconds+(minutes+(hours+days*24)*60)*60) + "秒";
    }else{
        return returnStr = "還有" + days + "天" + hours + "小時" + minutes + "分鍾" + seconds + "秒";
    }
}
console.log(diffTime(new Date(), '2019-8-19 16:00:00','Minutes'))
//沒有寫的很復雜，方便各位修改拓展。

計算指定時間間隔前后的日期

可用於時間追溯、活動預告等用途

function GetDate(time,count) {   
    time.setDate(time.getDate() + count);//獲取N天后的日期 
    var date = new Date(+time + 8 * 3600 * 1000);
        return date.toJSON().substr(0, 19).replace('T', ' ').replace(/-/g, '.');
}  
GetDate(new Date(),100)

計算當周開始和結束時間

很常見的需求，可用來做簽到等

function getwholetWeek(now){
  var weekday = now.getDay();    // 獲取當前是周幾（周日：0）
  weekday = weekday === 0 ? 7 : weekday;
  var firstDay = GetDate(now,-weekday); //周日開始
  var lastDay = GetDate(now,7 - 1); //周六結束
  return {
    firstDay: firstDay,
    lastDay: lastDay
  };
}

console.log(getwholetWeek(new Date()))
//調用前面日期間隔函數，可根據情況改成，周一開始，周日結束