JS计算前一天和后一天案例

最新推荐文章于 2024-03-10 08:51:40 发布

原创最新推荐文章于 2024-03-10 08:51:40 发布 · 218 阅读

CC 4.0 BY-SA版权

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

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()}日`;
}