js 日期获取今天、昨天、明天

最新推荐文章于 2023-09-04 18:02:55 发布

终究是雾散

最新推荐文章于 2023-09-04 18:02:55 发布

阅读量1.1k

点赞数 1

分类专栏： js基础练习题文章标签： javascript dreamweaver html 前端 vue.js

本文链接：https://blog.csdn.net/SongLiang02_/article/details/129715598

版权

js基础练习题专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        <div onclick="prevDay()">前一天</div>
        <div id="daytimer"></div>
        <div onclick="nextDay()">后一天</div>
    </div>
</body>

</html>

<script>
    var daytimer = document.getElementById('daytimer');
    var currentDate = new Date();
    var currentYear = currentDate.getFullYear();
    var currentMonth = currentDate.getMonth() + 1;
    var currentDay = currentDate.getDate();
    var currentTimestamp = currentDate.getTime();

    daytimer.innerHTML = currentYear + '-' + currentMonth + '-' + currentDay;

    function prevDay() {
        currentTimestamp -= 24 * 60 * 60 * 1000;
        var prevDate = new Date(currentTimestamp);
        var prevYear = prevDate.getFullYear();
        var prevMonth = prevDate.getMonth() + 1;
        var prevDay = prevDate.getDate();
        daytimer.innerHTML = prevYear + '-' + prevMonth + '-' + prevDay;
    }

    function nextDay() {
        currentTimestamp += 24 * 60 * 60 * 1000;
        var nextDate = new Date(currentTimestamp);
        var nextYear = nextDate.getFullYear();
        var nextMonth = nextDate.getMonth() + 1;
        var nextDay = nextDate.getDate();
        daytimer.innerHTML = nextYear + '-' + nextMonth + '-' + nextDay;
    }
</script>