如何在 JavaScript 中获取从今天起连续七天的日期与星期信息

本文详解如何使用原生 javascript 生成从今日开始连续 7 天的日期数组，包含完整星期名称、格式化日期，并提供可直接集成的代码示例与关键注意事项。

在开发预约类应用（如图书预约、日程管理或服务预订系统）时，常需按周维度展示可选日期范围——例如“今日起未来 7 天”的日期栏（含周一至周日），并将其作为 Firebase 查询条件（如 where(‘date’, ‘in’, dateRange)）。此时，核心需求并非相对时间（如“3 小时前”），而是确定性、格式统一、带星期标识的未来 7 天日期序列。

以下为推荐的原生 javaScript 实现方案（无需依赖库，兼容性好，逻辑清晰）：

/**  * 获取从今天起连续 7 天的日期信息数组  * 每项包含：完整日期字符串（YYYY-MM-DD）、星期缩写（如 Mon）、中文星期（可选）、原始 Date 对象  */ function getNextSevenDays() {   const today = new Date();   const result = [];    for (let i = 0; i < 7; i++) {     const date = new Date(today);     date.setDate(today.getDate() + i);      // 标准化日期格式：YYYY-MM-DD（推荐用于 Firebase 查询和排序）     const yyyy = date.getFullYear();     const mm = String(date.getMonth() + 1).padStart(2, '0');     const dd = String(date.getDate()).padStart(2, '0');     const isoDate = `${yyyy}-${mm}-${dd}`;      // 星期缩写（英文，如 'Mon'）和完整名称（如 'Monday'）     const weekShort = date.toLocaleDateString('en-US', { weekday: 'short' });     const weekFull = date.toLocaleDateString('en-US', { weekday: 'long' });      // 可选：中文星期（适配中文 ui）     const weekCN = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'][date.getDay()];      result.push({       date: isoDate,           // ✅ 推荐用于数据库查询（字符串，可排序）       weekdayShort: weekShort,       weekdayFull: weekFull,       weekdayCN: weekCN,       timestamp: date.getTime(), // ✅ 如需时间戳存储/比较       fullDate: date           // 原始 Date 对象（供进一步操作）     });   }    return result; }  // 使用示例 const weekRange = getNextSevenDays(); console.log(weekRange); // 输出示例： // [ //   { date: "2024-06-10", weekdayShort: "Mon", weekdayCN: "星期一", ... }, //   { date: "2024-06-11", weekdayShort: "Tue", weekdayCN: "星期二", ... }, //   ... // ]

✅ 关键优势说明：

• ISO 8601 格式（YYYY-MM-DD）：确保字符串可直接用于 Firebase 的 where(‘date’, ‘>=’, ‘2024-06-10’) 等范围查询，且天然支持字典序排序；
• 预计算星期信息：避免在渲染层重复调用 toLocaleDateString()，提升性能；
• 返回完整 Date 对象：便于后续做时间加减、时区处理或格式转换；
• 零外部依赖：纯原生实现，无 dayjs/moment 等包体积开销，适合轻量级应用。

⚠️ 重要注意事项：

立即学习“Java免费学习笔记（深入）”；

• 时区安全：上述代码基于浏览器本地时区。若需服务端统一时区（如 UTC），请改用 date.getUTCFullYear() 等方法构造 ISO 字符串；
• Firebase 存储建议：在 Firestore 中，优先将日期字段存为 timestamp 类型（而非字符串），再配合 toDate().toDateString() 或 format(‘YYYY-MM-DD’) 在前端生成展示用日期——既保证查询精度，又避免字符串比较陷阱；
• 边界场景：跨月/跨年时 setDate() 自动处理（如 1 月 31 日 + 3 天 → 2 月 3 日），无需额外判断。

最后，将生成的 weekRange 数组传递给 UI 组件或用于构建 Firebase 查询条件即可：

// 示例：查询本周所有预约（假设数据中 date 字段为字符串 YYYY-MM-DD） const dateStrings = weekRange.map(d => d.date); const snapshot = await getDocs(   query(collection(db, 'appointments'), where('date', 'in', dateStrings)) );

掌握此模式，即可稳健支撑各类以“周”为粒度的时间筛选业务，兼顾准确性、可维护性与扩展性。