1.创建html页面
<button onclick="prep()">前一天</button>
<button onclick="down()">后一天</button>
<div id="app"></div>
2.实例化Date对象
var date = new Date();
//获取页面id
var app = document.getElementById("app");
//显示到页面
app.innerHTML = myGetDate(date);
3.获取时间戳
//得到当前的毫秒数
var time = date.getTime();
//一天的毫秒数
var oneDay = 1000*60*60*24;
4.前一天
function prep(){
//计算前一天的毫秒数
var before = time - oneDay;
//给date对象设置毫秒数
date.setTime(before);
app.innerHTML = myGetDate(date);
}
5.后一天
function down(){
//计算前一天的毫秒数
var after = time + oneDay;
date.setTime(after);
app.innerHTML = myGetDate(date);
}
6.封装日期格式化的方法
function myGetDate(d){
return `${d.getFullYear()}年${d.getMonth()+1}月${d.getDate()}日`;
}
7.页面效果