怎么使用js计算当前一周的日期

 更新时间:2023年09月18日 10:27:20   作者:少吃一口都不行  
这篇文章主要给大家介绍了关于怎么使用js计算当前一周的日期的相关资料,我们可以使用JavaScript的Date对象来获取近一周的日期,文中给出了详细的代码示例,需要的朋友可以参考下

你可以使用 JavaScript 的 Date 对象来计算当前一周的日期。首先,你需要获取当前日期,然后使用 Date 对象的 getDay 方法获取当前是星期几(星期日是 0,星期一是 1,以此类推)。然后,你可以根据当前是星期几来计算出本周的第一天和最后一天的日期。

例如,下面是一个示例函数,它可以计算出当前一周的第一天和最后一天的日期:

function getWeekDates () {
  // 获取当前日期
  var today = new Date();
  // 获取当前是星期几
  var day = today.getDay();
  if (day == 0) {
    // 计算本周第一天的日期
    var startDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() - day - 6);
    // 计算本周最后一天的日期
    var endDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() - day);
  } else {
    var startDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() - day + 1);
    var endDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() - day + 7);
  }
  // 返回本周的日期范围
  return { start: startDate, end: endDate };
}

附:js 获取本周、上周、本月、上月、本年和上年开始和结束日期

一、代码封装

const getDateFn ={
    //1、 得到今天、昨天、明天日期
    //dates为数字类型,0代表今日,-1代表昨日,1代表明日,返回yyyy-mm-dd格式字符串,dates不传默认代表今日。
    getDate(dates) {
        var dd = new Date();
        var n = dates || 0;
        dd.setDate(dd.getDate() + n);
        var y = dd.getFullYear();
        var m = dd.getMonth() + 1;
        var d = dd.getDate();
        m = m < 10 ? "0" + m: m;
        d = d < 10 ? "0" + d: d;
        var day = y + "-" + m + "-" + d;
        return day;
    },
    //2、得到本周、上周、下周的起始、结束日期
    //type为字符串类型,有两种选择,"s"代表开始,"e"代表结束,dates为数字类型,不传或0代表本周,-1代表上
    getMonday(type, dates) {
        var now = new Date();
        var nowTime = now.getTime();
        var day = now.getDay();
        var longTime = 24 * 60 * 60 * 1000;
        var n = longTime * 7 * (dates || 0);
        if (type == "s") {
          var dd = nowTime - (day - 1) * longTime + n;
        };
        if (type == "e") {
          var dd = nowTime + (7 - day) * longTime + n;
        };
        dd = new Date(dd);
        var y = dd.getFullYear();
        var m = dd.getMonth() + 1;
        var d = dd.getDate();
        m = m < 10 ? "0" + m: m;
        d = d < 10 ? "0" + d: d;
        var day = y + "-" + m + "-" + d;
        return day;
    },
    //3、得到本月、上月、下月的起始、结束日期
    //type为字符串类型,有两种选择,"s"代表开始,"e"代表结束,months为数字类型,0代表本月,-1代表上月,1代表下月
    getMonth(type, months) {
        var d = new Date();
        var year = d.getFullYear();
        var month = d.getMonth() + 1;
        if (Math.abs(months) > 12) {
            months = months % 12;
        };
        if (months != 0) {
            if (month + months > 12) {
                year++;
                month = (month + months) % 12;
            } else if (month + months < 1) {
                year--;
                month = 12 + month + months;
            } else {
                month = month + months;
            };
        };
        month = month < 10 ? "0" + month: month;
        var date = d.getDate();
        var firstday = year + "-" + month + "-" + "01";
        var lastday = "";
        if (month == "01" || month == "03" || month == "05" || month == "07" || month == "08" || month == "10" || month == "12") {
            lastday = year + "-" + month + "-" + 31;
        } else if (month == "02") {
            if ((year % 4 == 0 && year % 100 != 0) || (year % 100 == 0 && year % 400 == 0)) {
                lastday = year + "-" + month + "-" + 29;
    } else {
                lastday = year + "-" + month + "-" + 28;
            };
        } else {
            lastday = year + "-" + month + "-" + 30;
        };
        var day = "";
        if (type == "s") {
            day = firstday;
        } else {
            day = lastday;
        };
        return day;
    },
    //4、得到今年、去年、明年的开始、结束日期
    //type为字符串类型,有两种选择,"s"代表开始,"e"代表结束,dates为数字类型,不传或0代表今年,-1代表去年,1代表明年
    getYear(type, dates) {
        var dd = new Date();
        var n = dates || 0;
        var year = dd.getFullYear() + Number(n);
        if (type == "s") {
            var day = year + "-01-01";
        };
        if (type == "e") {
            var day = year + "-12-31";
        };
        if (!type) {
            var day = year + "-01-01/" + year + "-12-31";
        };
        return day;
    },
}
export default getDateFn;

二、使用

<template>
  <div></div>
</template>
<script>
	import getDateFn from '@/utils/getDateFn'
	export default {
		created() {
			console.log('今日日期',getDateFn.getDate());
			console.log('本周开始日期',getDateFn.getMonday('s'));
			console.log('本周结束日期',getDateFn.getMonday('e'));			
			console.log('上周开始日期',getDateFn.getMonday('s',-1))
			console.log('上周结束日期',getDateFn.getMonday('e',-1))
			console.log('本月开始日期',getDateFn.getMonth('s',0));
			console.log('本月结束日期',getDateFn.getMonth('e',0));
		}
	}
</script>

总结 

到此这篇关于怎么使用js计算当前一周日期的文章就介绍到这了,更多相关js计算当前一周日期内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JS中使用变量保存arguments对象的方法

    JS中使用变量保存arguments对象的方法

    这篇文章主要介绍了JS中使用变量保存arguments对象的方法的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • JavaScript实现点击复制功能具体代码(JS访问剪贴板相关)

    JavaScript实现点击复制功能具体代码(JS访问剪贴板相关)

    这篇文章主要给大家介绍了关于JavaScript实现点击复制功能(JS访问剪贴板相关)的相关资料,复制功能指的是将一个文本或者图片等资源从一个位置通过复制的方式再次拷贝到另一个位置,需要的朋友可以参考下
    2023-10-10
  • 开箱即用的开源工具库xijs示例详解

    开箱即用的开源工具库xijs示例详解

    这篇文章主要为大家介绍了开箱即用的开源工具库xijs示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • js实现盒子滚动动画效果

    js实现盒子滚动动画效果

    这篇文章主要为大家详细介绍了js实现盒子滚动动画效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • JavaScript面向对象之私有静态变量实例分析

    JavaScript面向对象之私有静态变量实例分析

    这篇文章主要介绍了JavaScript面向对象之私有静态变量,结合实例形式分析了私有静态变量的定义与使用方法,需要的朋友可以参考下
    2016-01-01
  • layDate插件设置开始和结束时间

    layDate插件设置开始和结束时间

    这篇文章主要为大家详细介绍了layDate插件设置开始时间和结束时间,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • Javascript实现秒表计时游戏

    Javascript实现秒表计时游戏

    这篇文章主要为大家详细介绍了Javascript实现秒表计时游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • bootstrap PrintThis打印插件使用详解

    bootstrap PrintThis打印插件使用详解

    这篇文章主要为大家详细介绍了bootstrap PrintThis打印插件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 微信小程序实现文字无限轮播效果

    微信小程序实现文字无限轮播效果

    这篇文章主要为大家详细介绍了微信小程序实现文字无限轮播效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • js动态修改整个页面样式达到换肤效果

    js动态修改整个页面样式达到换肤效果

    这篇文章主要介绍了通过js动态修改整个页面样式达到换肤效果,需要的朋友可以参考下
    2014-05-05

最新评论