html代码:
<body>
<button onclick="goBefore()">前一天</button><!--onclick点击事件-->
<button onclick="goAfter()">后一天</button>
<div id="myapp"></div>
</body>
JavaScript代码:
1. 实例化一个日期对象
var date = new Date();
2.设置时间戳
var time = date.getTime();//设置的时间戳
var oneday = 1000*60*60*24;//代表一天的毫秒数
3.前一天时间
function gobefore(){
var before = time - oneDay;//计算前一天的毫秒数
date.setTime(before);
app.innerHTML = myGetDate(date);
}
4.后一天时间
function goAfter(){
var after = time + oneDay;//计算后一天的毫秒数
date.setTime(after);
app.innerHTML = myGetDate(date);
}
5.函数封装(封装日期格式化的方法)
function myGetDate(d){
return `${d.getFullYear()}年${d.getMonth()+1}月${d.getDate()}日`;
}