JS计算前一天和后一天案例_js date 的前一天和后一天-优快云博客

本文链接：https://blog.youkuaiyun.com/deidei3/article/details/103585779

该博客介绍了如何使用JavaScript实现计算前一天和后一天的功能。首先，在HTML页面中定义了两个点击事件，接着展示了JS代码部分，详细讲解了通过goBefore()函数获取前一天日期以及goAfter()函数获取后一天日期的操作，并在页面上动态更新日期。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、JS前一天后一天案例

1.1HTML页面

1、先在HTML页面中声明两个点击事件

<body>
 <button onclick="goBefore()">前一天</button>
 <button onclick="goAfter()">后一天</button>
 </body>

1.2JS代码

//先实例化一个对象
var date = new Date();
//通过他的ID值获取这个节点并赋值于app
var app = document.getElementById("app");
//获取app页面的内容通过调用封装函数现实到页面中去
app.innerHTML = myGetDate(date);

//获取时间戳
ar 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()}日`;
}