使用javascript在html中获取当前日期后的下个月

我想在下个月显示一个p标签，例如现在是12月。但是p标签应该显示为1月，如果我们在1月，p标签应该是2月。到目前为止，我只有这个。

const month = ["January","February","March","April","May","June","July","August","September","October","November","December"];
const d = new Date();
let name = month[d.getMonth()];
document.getElementById("currentmonth").innerHTML = name;

<!DOCTYPE html>
<html>
<body>
<p id="currentmonth"></p>
<p id="nextmonth"></p>
</body>
</html>

只需取一个变量并在getMonth()值上加一，如果大于11，则将其更改为0。

const month = ["January","February","March","April","May","June","July","August","September","October","November","December"];
const d = new Date();
let name = month[d.getMonth()];
var x = d.getMonth()+1;
if(x>11)
x=0

document.getElementById("currentmonth").innerHTML = name;
document.getElementById("nextmonth").innerHTML = month[x];

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<p id="currentmonth"></p>
<p id="nextmonth"></p>
</body>
</html>

您必须使用setMonth来设置d变量的下一个月。

d.setMonth(Month + 1)

const month = ["January","February","March","April","May","June","July","August","September","October","November","December"];
let Month = 11 
const d = new Date();
d.setMonth(Month + 1)
let name = month[d.getMonth()];
document.getElementById("currentmonth").innerHTML = name;

<!DOCTYPE html>
<html>
<body>
<p id="currentmonth"></p>
<p id="nextmonth"></p>
</body>
</html>

如果月份的顺序是根据实际的月份索引，您可以按如下方式执行。

我猜你忘了设定值nextMonth

const month = ["January","February","March","April","May","June","July","August","September","October","November","December"];
const d = new Date();
let name = month[d.getMonth()];
let next = month[(new Date().getMonth()+1)%12];
document.getElementById("currentmonth").innerHTML = `Current: ${name}`;
document.getElementById("nextmonth").innerHTML = `Next: ${next}`;

<!DOCTYPE html>
<html>
<body>
<p id="currentmonth"></p>
<p id="nextmonth"></p>
</body>
</html>

const month = ["January","February","March","April","May","June","July","August","September","October","November","December"];
const d = new Date();
let name = month[d.getMonth()];
let nextMonth = month[(d.getMonth() + 1)%12]
document.getElementById("currentmonth").innerHTML = name;
document.getElementById("nextmonth").innerHTML = nextMonth;

<!DOCTYPE html>
<html>
<body>
<p id="currentmonth"></p>
<p id="nextmonth"></p>
</body>
</html>

相关内容

最新更新

热门标签：