鍍金池/ 問答/數(shù)據(jù)庫  網(wǎng)絡(luò)安全  HTML/ js中給date指定月份獲取到錯誤的順序

js中給date指定月份獲取到錯誤的順序

問題描述

給定一個日期，獲取未來三個月內(nèi)的日期，唯獨(dú)給定11月份的日期時有錯誤

相關(guān)代碼

// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）

function count() {

       
       const now = new Date('2018/11/10 13:42:33');
       const date = new Date('2018/11/10 13:42:33');
       
       // const now = new Date('2018/12/10 13:42:33');
       // const date = new Date('2018/12/10 13:42:33');

       const currentYear = now.getFullYear();
       const currentMonth = now.getMonth();
       const currentDay = now.getDate();

       date.setMonth(currentMonth + 3);    // 設(shè)定三個月后的月份
       const dayCount = Math.floor((date.getTime() - now.getTime()) / 86400000);   // 三個月后與給定日期的相差天數(shù)

       for (let i = 0; i < dayCount; i++) {
           
           now.setFullYear(currentYear);
           now.setMonth(currentMonth);
           now.setDate(currentDay + i);

           console.log(now.toLocaleDateString());
       }
}

count();

now和date設(shè)定為其他月份時正常，唯獨(dú)設(shè)置為11月份會出現(xiàn)缺少1月1日和1月2日的情況，如下圖：

clipboard.png

但是當(dāng)我把循環(huán)增值改為2時，就正常了：

function count() {

        
        const now = new Date('2018/11/10 13:42:33');
        const date = new Date('2018/11/10 13:42:33');
        
        // const now = new Date('2018/12/10 13:42:33');
        // const date = new Date('2018/12/10 13:42:33');

        const currentYear = now.getFullYear();
        const currentMonth = now.getMonth();
        const currentDay = now.getDate();

        date.setMonth(currentMonth + 3);    // 設(shè)定三個月后的月份
        const dayCount = Math.floor((date.getTime() - now.getTime()) / 86400000);   // 三個月后與給定日期的相差天數(shù)

        for (let i = 0; i < dayCount; i+=2) {
            
            now.setFullYear(currentYear);
            now.setMonth(currentMonth);
            now.setDate(currentDay + i);

            console.log(now.toLocaleDateString());
        }
}

count();

clipboard.png

哪位大佬可以解釋一下嗎？

回答
編輯回答
卟乖

我記得js的月份是從0開始數(shù)的,0代表1月,了解一下

2017年4月30日 20:06
編輯回答
硬扛

穩(wěn)健的做法:

for (let i = 0; i < dayCount; i++) {
    const data = new Date(now.getTime() + 1000 * 60 * 60 * 24 * i);
    console.log(data.toLocaleDateString());
}

題主的為啥有問題? 因?yàn)榇鹬饕恢痹趶?fù)用一個 now 對象. 我來解釋一下出錯的場景. 當(dāng) now 為 2018/12/31 時. 進(jìn)入下一個循環(huán).

now.setFullYear(currentYear);
now.setMonth(currentMonth); // currentMonth 等于 11

Duang! 就是此刻, now 的 date 此時是 2018/11/31, 但是 11月是沒有31日的, 所以 now 此時自動矯正變成 2018/12/1. 本來是從 2018/11 開始加上 day 偏移得到新的日期, 現(xiàn)在突然變成從 12月開始算了, 多了一個月! 這就是從 2018/12/31 突然變成 2019/1/31 的原因.

基于題主的代碼我們只需要在每次循環(huán)時先把日期設(shè)為1號就好了:

 now.setDate(1);
 now.setFullYear(currentYear);
 now.setMonth(currentMonth);
 now.setDate(currentDay + i);
2017年8月14日 14:53