我正在开发一些简单的 Javascript 来显示当前日期以及上一个和下一个日期链接。
我的代码片段如下
<script type="text/javascript">
var currentTime = new Date();
var month = currentTime.getMonth()+1;
var day = currentTime.getDate();
var year = currentTime.getFullYear();
var date = month + " " + day + " " + year;
function ShowSchedule()
{
document.getElementById("today").innerHTML = date;
}
function ShowDay(isNextDay)
{
if(isNextDay)
{
var nextDay = new Date(year, month, day+1);
date = nextDay.getMonth() + " " + nextDay.getDate() + " " + nextDay.getFullYear();
ShowSchedule();
}
else{
var prevDay = new Date(year, month, day -1);
date= prevDay.getMonth() + " " + prevDay.getDate() + " " + prevDay.getFullYear();
ShowSchedule();
}
}
</script>
</head>
<body>
<table border="1">
<tr>
<th>
<a id = "prev" href="#" onClick="ShowDay(false)">Prev</a>
</th>
<th id="today">
</th>
<th>
<a id = "next" href="#" onClick="ShowDay(true)">Next</a>
</th>
</tr>
</table>
<script>ShowSchedule();</script>
</body>
</html>
上面的代码也适用于当前、上一个和下一个日期,但问题是如果我点击第二天的链接,它只会增加一天,前一个链接也是如此。我的要求是我可以通过单击上一个和下一个链接导航来到达我想要的任何日期。
任何帮助将不胜感激。