本文详解如何使用原生 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))
);掌握此模式，即可稳健支撑各类以“周”为粒度的时间筛选业务，兼顾准确性、可维护性与扩展性。
