momentJs插件获取指定日期、周

修复bug

于 2023-12-26 10:35:44 发布

阅读量506

点赞数 7

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/m0_71349739/article/details/135215910

版权

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button class="pre">&lt;</button>
    <span></span>
    <button class="next">&gt;</button>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
    <script>
        const span = document.querySelector('span')
        const pre = document.querySelector('.pre')
        const next = document.querySelector('.next')
        // 获取当前日期
        const currentDate = moment();

        // clone必须加否则会改变currentDate当前日期
        let currentWeekDay = currentDate.clone().weekday()
        if (currentWeekDay == 5) {
            // 获取上周四日期 day指定周几   subtract指定本周、上周为2 下周-1
            const lastThursday = currentDate.clone().day(4).subtract(1, 'week').format('YYYY-MM-DD')
            span.innerText = lastThursday + '~' + currentDate.clone().format('YYYY-MM-DD')
        } else {
            // 获取上周四日期
            const lastFiveday = currentDate.clone().day(4).subtract(2, 'week').format('YYYY-MM-DD')
            const lastThursday = currentDate.clone().day(5).subtract(1, 'week').format('YYYY-MM-DD')
            span.innerText = lastFiveday + '~' + lastThursday
        }

    </script>

</body>

</html>