问题描述:
假设当前年月为“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