JavaScript日期处理：优雅解决跨月日期范围显示问题

<span id="diaspromocao1"></span>
<span id="diaspromocao2"></span>

/**
 * 格式化并返回指定日期及其前两天的日期范围字符串。
 * 例如，如果传入2023年6月1日，将返回“30, 31 e 1 de Junho de 2023”。
 *
 * @param {Date} baseDate - 用于计算的基准日期。
 * @returns {string} 格式化后的日期范围字符串。
 */
function formatOfferDays(baseDate) {
    // 葡萄牙语月份名称数组
    const months = [
        "Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho",
        "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"
    ];

    // 克隆基准日期以计算各个相对日期，避免修改原始日期对象
    const day0Date = new Date(baseDate); // 当天
    const dayMinus1Date = new Date(baseDate);
    dayMinus1Date.setDate(baseDate.getDate() - 1); // 前一天
    const dayMinus2Date = new Date(baseDate);
    dayMinus2Date.setDate(baseDate.getDate() - 2); // 前两天

    // 提取各个日期对象的日数值
    const day0 = day0Date.getDate();
    const dayMinus1 = dayMinus1Date.getDate();
    const dayMinus2 = dayMinus2Date.getDate();

    // 对于显示字符串的月份和年份，通常使用日期范围中“最新”的那个日期（即baseDate）的月份和年份
    const displayMonth = months[day0Date.getMonth()];
    const displayYear = day0Date.getFullYear();

    // 组合成最终的字符串，例如："30, 31 e 1 de Junho de 2023"
    return `${dayMinus2}, ${dayMinus1} e ${day0} de ${displayMonth} de ${displayYear}`;
}

// --- 示例用法 ---

// 获取当前系统日期
const today = new Date();

// 假设当前日期是2023年6月1日（用于测试跨月情况）
// const testDateAtMonthStart = new Date(2023, 5, 1); // 月份是0-indexed，5代表6月

// 假设当前日期是2023年6月15日（用于测试月中情况）
// const testDateMidMonth = new Date(2023, 5, 15);

// 将结果显示到HTML元素中
document.addEventListener('DOMContentLoaded', () => {
    // 实际应用中通常使用当前日期
    document.getElementById("diaspromocao1").innerHTML = formatOfferDays(today);
    document.getElementById("diaspromocao2").innerHTML = formatOfferDays(today);

    // 您也可以使用测试日期来验证功能
    // document.getElementById("diaspromocao1").innerHTML = formatOfferDays(testDateAtMonthStart);
    // document.getElementById("diaspromocao2").innerHTML = formatOfferDays(testDateMidMonth);

    // 在控制台输出测试结果
    console.log("当前日期:", today.toLocaleDateString('pt-BR'));
    console.log("格式化后的日期范围 (当前日期):", formatOfferDays(today));

    // 如果您想测试月初情况，可以取消注释以下代码
    // const testDateAtMonthStart = new Date(2023, 5, 1); // 2023年6月1日
    // console.log("格式化后的日期范围 (2023年6月1日):", formatOfferDays(testDateAtMonthStart));
});