使用JavaScript实现日期的前一天和后一天

使用JavaScript实现时间的前一天和后一天

一：写入HTML所用的标签

 <button onclick="before()">前一天</button>
    <button onclick="after()">后一天</button>
    <div id='ap'></div>

二：写入js内容是实现效果

1.对日期的格式进行封装

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

2.获取当前时间并展示到页面中

var date = new Date();
var ap = document.getElementById("ap");
ap.innerHTML = myGetDate(date);

3.获取时间戳

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

4.当前时间前一天

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

5.当前时间后一天

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