1、生成时间

var  data =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);
}
//后一天
function goAfter(){
    var after = time + oneDay;//计算前一天的毫秒数
    date.setTime(after);
    app.innerHTML = myGetDate(date);
}

4、封装日期格式化的方法

function myGetDate(d){
       return `${d.getFullYear()}年${d.getMonth()+1}月${d.getDate()}日`;
}    

5、在整个页面运用的过程,可以直接拿过来用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

</head>
<body>
    <button onclick="goBefore()">前一天</button>
    <button onclick="goAfter()">后一天</button>
    <div id="app"></div>
<script>
    var date = new Date();

var app = document.getElementById("app");
app.innerHTML = myGetDate(date);

//获取时间戳
var time = date.getTime();//当前的毫秒数
var oneDay = 1000*60*60*24;//一天的毫秒数


//前一天
function goBefore(){
    var before = time - oneDay;//计算前一天的毫秒数
    date.setTime(before);
    app.innerHTML = myGetDate(date);
}

//后一天
function goAfter(){
    var after = time + oneDay;//计算前一天的毫秒数
    date.setTime(after);
    app.innerHTML = myGetDate(date);
}


//封装日期格式化的方法
function myGetDate(d){
    return `${d.getFullYear()}年${d.getMonth()+1}月${d.getDate()}日`;
}
</script>
</body>
</html>
12-25 07:41