JS更改日期格式时出现invalid date无效日期报错如何解决

你报错的核心原因是JavaScript原生Date构造函数不支持传入自定义格式模板作为参数，你代码里第一个参数传的'YYYY-MM-DD h:i:s'不是合法的可解析日期值，自然会返回Invalid Date。

原生JS实现（无依赖） #

你的原始日期字符串符合JS默认的日期解析规则，直接传入Date构造函数就能得到合法的日期对象，之后手动提取年、月、日、时、分、秒字段拼接即可，注意两个容易踩坑的细节：

• JS中月份是从0开始计数，取值后需要+1才是实际月份
• 个位数的月、日、时、分、秒需要补前导零，保证占两位

const dateVal = 'Thu Jul 07 2022 01:03:18 GMT+0200 (Mitteleuropäische Sommerzeit)';
const date = new Date(dateVal);

// 补前导零工具
const padZero = (num) => String(num).padStart(2, '0');

// 拼接为目标格式（输出当前运行环境本地时区对应的时间）
const formattedLocal = `${date.getFullYear()}-${padZero(date.getMonth() + 1)}-${padZero(date.getDate())} ${padZero(date.getHours())}:${padZero(date.getMinutes())}:${padZero(date.getSeconds())}`;
console.log(formattedLocal);

如果你需要输出和原始日期GMT+0200时区完全一致的时间值，可以用Intl.DateTimeFormat指定对应时区做格式化，避免本地时区差异导致结果不对：

const formatter = new Intl.DateTimeFormat('zh-CN', {
  timeZone: 'Europe/Berlin', // 对应原始日期的中欧时区
  year: 'numeric',
  month: '2-digit',
  day: '2-digit',
  hour: '2-digit',
  minute: '2-digit',
  second: '2-digit',
  hour12: false
});
const partMap = Object.fromEntries(
  formatter.formatToParts(date)
    .filter(item => item.type !== 'literal')
    .map(item => [item.type, item.value])
);
const formattedTZ = `${partMap.year}-${partMap.month}-${partMap.day} ${partMap.hour}:${partMap.minute}:${partMap.second}`;
console.log(formattedTZ); // 输出 2022-07-07 01:03:18，和原始时间完全一致

工具库实现（适合频繁处理日期的项目） #

如果项目中存在大量日期处理需求，不需要手写格式化逻辑，可以引入轻量日期处理工具，直接调用格式化方法传入目标模板即可，工具内部已经处理了补零、时区、月份计数等坑点。

注意：不同库的格式化占位符规则略有差异，比如部分库用HH代表24小时制的小时，mm代表分钟、ss代表秒，使用时对应匹配规则即可，不要直接套用其他语言的h:i:s占位符。

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