JavaScript计算日期前一天和后一天

转自林小冉

1、页面排版

 	<button onclick="before()">上一天</button>
    <button onclick="after()">下一天</button>
    <div id="date">
    </div>

2、先实例化Date

var date=new Date();

3、写入页面

var el=document.getElementById('date')//找到元素id
el.innerHTML=myGetDate()//渲染页面
//这里是用函数封装的,方便后面使用
function myGetDate(){
    return `${date.getFullYear()}${date.getMonth()+1}${date.getDate()}日`
}

4、计算上一天

function before(){
    date=new Date();//每次调用重新实例化Date
    date.setTime(date.getTime()-(1000*60*60*24))//获取时间戳到当前时间的毫秒数减去一天时间的毫秒数
    el.innerHTML=myGetDate()//调用上面写的排版函数,渲染页面
}

5、计算下一天

function after(){
    date=new Date();
    date.setTime(date.getTime()+(1000*60*60*24))
    el.innerHTML=myGetDate()
}

下一天计算与上一天同理,只需把减改成加就可以了

整体代码结构

<body>
    <button onclick="before()">上一天</button>
    <button onclick="after()">下一天</button>
    <div id="date">
    </div>
</body>
<script>
    var date = new Date();
    var el = document.getElementById('date')
    el.innerHTML = myGetDate()
    
    function myGetDate() {
        return `${date.getFullYear()}${date.getMonth() + 1}${date.getDate()}日`
    }

    function before() {
        date = new Date();
        date.setTime(date.getTime() - (1000 * 60 * 60 * 24))
        el.innerHTML = myGetDate()
    }

    function after() {
        date = new Date();
        date.setTime(date.getTime() + (1000 * 60 * 60 * 24))
        el.innerHTML = myGetDate()
    }
</script>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值