zoukankan      html  css  js  c++  java
  • JavaScript:如何获取某一天所在的星期

    我们会遇到的需求的是,获取今天或者某一天所在星期的开始和结束日期。

    我们这里来获取今天所在星期的始末日期,我们可以通过(new Date).getDay()来获取今天是星期几,然后再通过这个减去或者加上一定的天数,就是这个星期的开始日期和结束日期。

    function getWeekStartAndEnd() {
        const oneDayTime = 1000 * 60 * 60 * 24; // 一天里一共的毫秒数
        const today = new Date();
        const todayDay = today.getDay(); // 获取今天是星期几,假设是周3
        const startDate = new Date(
            today.getTime() - oneDayTime * (todayDay - 1)
        );
        const endDate = new Date(today.getTime() + oneDayTime * (7 - todayDay));
    
        return { startDate, endDate };
    }
    const week = getWeekStartAndEnd();
    console.log(week.startDate, week.endDate);
    

    是不是很完美?但,这里有一个很大的 bug!注意:如果今天是周日,那么todayDay就会是 0,若还是按照上面的思路,则星期一的日期会变成下周一的日期,星期日的日期会变成下周日的日期。因此,这里我们需要特殊处理下,当 todayDay 为 0 时,就将其赋值为 7。同时,我们还可以传入一个时间戳,获取特定某一天所在的星期。

    最终的解决方案

    function getWeekStartAndEnd(timestamp) {
        const oneDayTime = 1000 * 60 * 60 * 24; // 一天里一共的毫秒数
        const today = timestamp ? new Date(timestamp) : new Date();
        const todayDay = today.getDay() || 7; // 若那一天是周末时,则强制赋值为7
        const startDate = new Date(
            today.getTime() - oneDayTime * (todayDay - 1)
        );
        const endDate = new Date(today.getTime() + oneDayTime * (7 - todayDay));
    
        return { startDate, endDate };
    }
    

    扩展

    如果我要输出今天所在星期,这一周里所有的日期,该怎么办呢?很简单,先获取到这一周里的第一天,然后第一天加上oneDayTime*i的时间戳,就是第 i 天的日期,或者在前一天的基础上加上 oneDayTime 也可以。

    function getAllWeekToday() {
        const oneDayTime = 1000 * 60 * 60 * 24;
        const today = new Date();
        const todayDay = today.getDay() || 7; // 若那一天是周末时,则强制赋值为7
        const startDate = new Date(
            today.getTime() - oneDayTime * (todayDay - 1)
        );
        let dateList = [startDate];
    
        for (let i = 1; i < 7; i++) {
            dateList.push(new Date(startDate.getTime() + oneDayTime * i));
        }
        return dateList;
    }
    

    欢迎访问蚊子的前端博客: https://www.xiabingbao.com
    欢迎关注蚊子的公众号:
    蚊子的前端公众号

  • 相关阅读:
    Boost线程库学习笔记
    sizeof运算符
    用法char ch=getchar()正确性详解
    C语言中的缓冲输出
    算术运算的溢出行为 and 一个数内存中表示1的个数
    ARP、RARP、ICMP、ping
    http和https协议
    关于宋词频率统计(R语言)
    Backbone.js API中文文档
    腾讯小Q书桌图标怎么实现的啊?
  • 原文地址:https://www.cnblogs.com/xumengxuan/p/11693332.html
Copyright © 2011-2022 走看看