当前位置:首页 > JavaScript

js实现上周

2026-03-02 06:08:25JavaScript

获取上周日期范围的方法

在JavaScript中,可以通过Date对象和相关方法计算上周的日期范围。以下是几种实现方式:

方法一:使用setDategetDay

js实现上周

function getLastWeekRange() {
  const today = new Date();
  const dayOfWeek = today.getDay(); // 0-6 (周日到周六)
  const diffToLastMonday = dayOfWeek === 0 ? 6 : dayOfWeek - 1 + 7; // 如果是周日,减去6天;否则计算到上周一的差值

  const lastMonday = new Date(today);
  lastMonday.setDate(today.getDate() - diffToLastMonday);

  const lastSunday = new Date(lastMonday);
  lastSunday.setDate(lastMonday.getDate() + 6);

  return {
    start: lastMonday,
    end: lastSunday
  };
}

方法二:简化计算(固定减7天)

js实现上周

function getLastWeekRange() {
  const today = new Date();
  const lastWeekStart = new Date(today);
  lastWeekStart.setDate(today.getDate() - 7 - today.getDay() + 1); // 调整为上周一

  const lastWeekEnd = new Date(lastWeekStart);
  lastWeekEnd.setDate(lastWeekStart.getDate() + 6); // 上周日

  return {
    start: lastWeekStart,
    end: lastWeekEnd
  };
}

方法三:使用时间戳计算

function getLastWeekRange() {
  const now = new Date();
  const oneDayMs = 24 * 60 * 60 * 1000;
  const dayOfWeek = now.getDay();

  const lastMonday = new Date(now.getTime() - (dayOfWeek + 6) * oneDayMs);
  const lastSunday = new Date(lastMonday.getTime() + 6 * oneDayMs);

  return {
    start: lastMonday,
    end: lastSunday
  };
}

格式化输出

如果需要格式化日期为字符串(如YYYY-MM-DD),可扩展上述方法:

function formatDate(date) {
  return date.toISOString().split('T')[0]; // 输出格式如"2023-03-01"
}

// 使用示例
const { start, end } = getLastWeekRange();
console.log(`上周范围: ${formatDate(start)} 至 ${formatDate(end)}`);

注意事项

  • 周的定义需明确:代码中默认周一为周开始(国际标准ISO 8601),如需以周日为开始,调整计算逻辑。
  • 时区问题:toISOString()返回UTC时间,本地时区需使用toLocaleDateString()替代。

以上方法均返回包含上周一和上周日的日期对象,可根据实际需求调整格式或时区处理。

标签: 上周js
分享给朋友:

相关文章

vue.js实现轮播

vue.js实现轮播

Vue.js 实现轮播功能 使用第三方库(推荐) Vue.js 生态中有许多成熟的轮播组件库,例如 vue-awesome-swiper 或 swiper,它们功能丰富且易于集成。 安装 swipe…

js实现日历

js实现日历

实现日历的基本思路 使用JavaScript实现日历的核心是动态生成日期表格,并处理月份切换逻辑。需要计算当前月的天数、起始星期几,并动态渲染到页面上。 获取当前日期信息 通过Date对象获取当前年…

js分组实现

js分组实现

分组实现方法 在JavaScript中,可以通过多种方式实现数组或对象的分组操作。以下是几种常见的方法: 使用Array.prototype.reduce() 通过reduce方法可以轻松实现数组分…

js实现投球

js实现投球

实现投球动画的基本思路 使用JavaScript和CSS动画结合的方式模拟投球效果。核心是通过改变元素的位置、旋转和缩放属性,配合定时器或CSS过渡实现平滑动画。 创建基础HTML结构 <di…

js实现代码雨

js实现代码雨

实现代码雨效果 使用HTML5 Canvas和JavaScript可以轻松实现经典的代码雨效果。以下是完整的实现代码和说明: HTML结构 <!DOCTYPE html> <…

js实现图片

js实现图片

图片加载与显示 在JavaScript中,可以通过Image对象动态加载图片。创建实例后设置src属性触发加载,通过onload回调处理加载完成后的操作: const img = new Ima…