JavaScript Date对象解析1980-01-01出现日期偏移问题求助

问题描述 #

执行以下JavaScript代码时，输入"1980-01-01"却得到输出**12/31/1979**，调试发现new Date()创建对象时就已识别为目标日期的前一天，身处山地时区，疑惑为何本地时区适配出现问题：

function formatDate(inputDateString) {
    const date = new Date(inputDateString);
            
    // Check if the date is valid
    if (isNaN(date.getTime())) {
        return "Invalid Date";
    }

    const month = String(date.getMonth() + 1).padStart(2, "0"); // Adding 1 because months are zero-based
    const day = String(date.getDate()).padStart(2, "0");
    const year = date.getFullYear();

    return `${month}/${day}/${year}`;
}

var testDate = formatDate("1980-01-01");
console.log("testDate: " + testDate);

原因分析 #

这是JavaScript解析ISO格式日期字符串的默认行为导致的：

• 当传入"YYYY-MM-DD"这种纯日期的ISO字符串时，new Date()会默认将其解析为UTC时间的0点。
• 山地时区（MST）比UTC晚7小时（夏令时MDT晚6小时），UTC的1980年1月1日0点，对应山地时区的1979年12月31日17点（或18点，取决于夏令时），此时调用getDate()、getMonth()等本地时区方法，自然会得到前一天的日期。

解决办法 #

1. 明确指定本地时区解析 #

在日期字符串末尾添加时间标识，让解析器按本地时区处理：

// 添加T00:00:00表示本地时区的0点
var testDate = formatDate("1980-01-01T00:00:00");

2. 使用UTC方法获取日期 #

如果需要保留UTC时间对应的日期，改用UTC系列方法：

function formatDate(inputDateString) {
    const date = new Date(inputDateString);
            
    if (isNaN(date.getTime())) {
        return "Invalid Date";
    }

    // 使用UTC方法获取年、月、日
    const month = String(date.getUTCMonth() + 1).padStart(2, "0");
    const day = String(date.getUTCDate()).padStart(2, "0");
    const year = date.getUTCFullYear();

    return `${month}/${day}/${year}`;
}

3. 手动拆分日期字符串构建Date对象 #

直接拆分字符串获取年、月、日，避免时区自动转换：

function formatDate(inputDateString) {
    const [yearStr, monthStr, dayStr] = inputDateString.split('-');
    if (!yearStr || !monthStr || !dayStr) return "Invalid Date";
    
    const year = parseInt(yearStr, 10);
    const month = parseInt(monthStr, 10) - 1; // 月份是0基索引
    const day = parseInt(dayStr, 10);
    
    const date = new Date(year, month, day);
    if (isNaN(date.getTime())) {
        return "Invalid Date";
    }

    const formattedMonth = String(date.getMonth() + 1).padStart(2, "0");
    const formattedDay = String(date.getDate()).padStart(2, "0");
    const formattedYear = date.getFullYear();

    return `${formattedMonth}/${formattedDay}/${formattedYear}`;
}

内容的提问来源于stack exchange，提问作者HerrimanCoder