js实现日期前一天后一天

使用js实现日期前一天后一天

html代码

<div id="app"></div>
<button onclick="front()">前一天</button>
<button onclick="retreat()">后一天</button>

js代码

var date = new Date(); 
//获取当前日期时间

var time = +date; //获取时间戳有五种方法，稍后会列出。
//获取从1970年1月1日起截止目前的时间戳、返回值为毫秒。

var skyMs = 1000*60*60*24;
//1000毫秒为1秒，乘60为1分钟，以此推算、计算出一天总毫秒

//前一天
function front(){
    let theNumberOfDays = time -= skyMs;
    //总毫秒数减去一天的毫秒数就是前一天！
    
    date.setTime( theNumberOfDays );
    //使用setTime方法重置日期，参数值需是毫秒
    
    app.innerHTML = packaging( date );
    //将设置好的时间戳以传递参数形式赋值到已封装的模板并重新渲染页面
}

//后一天
function retreat(){		//同上，相反这边是加等 则向后推移

    let theNumberOfDays = time += skyMs;
    //总毫秒数加等一天的毫秒数就是后一天！
    
    date.setTime( theNumberOfDays );
    //使用setTime方法重置日期，参数值需是毫秒
    
    app.innerHTML = packaging( date );
    //将设置好的时间戳以传递参数形式赋值到已封装的模板并重新渲染页面


//封装模板、避免重复无用代码
function packaging(millisecond){ 
   	return `${millisecond.getFullYear()}年
           	${millisecond.getMonth()+1}月
           	${millisecond.getDate()}日`;
}
//getFullYear	该方法返回年份
//getMonth 该方法返回月份
//getDate 该方法返回月份的某一天
}
document.getElementById("app").innerHTML = packaging(date);
//获取页面元素并赋值

获取时间戳方法如下：

//获取日期对象的时间戳     单位为毫秒
new Date().getTime();   
new Date().valueOf();   
Date.parse(new Date()); 
Number(new Date());     
+new Date();            

最后献上效果图：