如何使用JS实现日期按月份加减

问题描述:

假设当前年月为“2019-04”,显示在中间区域。若点击“Last month”,则会显示“2019-03”,点击“Next month”,则会显示“2019-05”,如下图所示。

实现方法:

let currentDate = "2019-04";
currentDate = new Date(currentDate); // 将日期格式转换为 Mon Apr 01 2019 08:00:00 GMT+0800 (中国标准时间)

// 月份加一
let lastDate = currentDate.setMonth(currentDate.getMonth() - 1); // 输出日期格式为毫秒形式1551398400000

lastDate = new Date(lastDate);
let lastYear = lastDate.getFullYear();
let lastMonth = checkMonth(lastDate.getMonth() + 1); // 因日期中的月份表示为0-11,所以要显示正确的月份,需要 + 1

lastDate = lastYear + '-' + lastMonth; // "2019-03"


// 月份减一
let nextDate = currentDate.setMonth(currentDate.getMonth() + 1); // 输出日期格式为毫秒形式1556668800000

nextDate = new Date(nextDate);
let nextYear = nextDate.getFullYear();
let nextMonth = checkMonth(nextDate.getMonth() + 1); // 因日期中的月份表示为0-11,所以要显示正确的月份,需要 + 1

nextDate = nextYear + '-' + nextMonth; // "2019-05"

其中,checkMonth 函数的作用是将单位数的月份前面加 ‘0’,比如:‘7’ 变成 ‘07’,代码如下所示:

checkMonth (i) {
    if (i<10){
        i="0" + i;
    }
    return i;
}

END

猜你喜欢

转载自blog.csdn.net/Dora_5537/article/details/89308860