JavaScript计算当前周日期及常用日期工具封装

JavaScript计算当前周日期

利用 JavaScript 中的 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 };
}

常用日期工具封装

补充：JavaScript 获取本周、上周、本月、上月、本年和上年开始和结束日期的方法

一、代码封装

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>

总结

至此，关于如何利用 JavaScript 计算当前周日期的介绍完毕。如需了解更多相关 JS 日期计算内容，可搜索本站历史文章或继续阅读后续相关内容，感谢支持！