JavaScript日期格式转换：如何将20200819转为2020-08-19？

当然可行！你的现有代码已经正确获取了年、月、日的核心数值，只需要调整最后的拼接逻辑，同时确保月份和日期始终以两位数呈现（自动补前导零），就能得到你想要的YYYY-MM-DD格式。

问题分析 #

你当前的代码通过数值计算拼接字符串，这种方式无法自动给个位数的月份/日期补零（比如8月会变成8而非08），而且最终输出是无分隔符的纯数字串。我们需要把每个部分转成两位数的字符串，再用连字符连接。

修改后的代码方案 #

推荐使用字符串补零方法padStart配合模板字符串，清晰又可靠：

const dateConverter = (dateIn) => {
  const yyyy = dateIn.getFullYear();
  // 月份是从零开始的，加1后转成字符串，用padStart确保两位数
  const mm = String(dateIn.getMonth() + 1).padStart(2, '0');
  // 日期同理，转成字符串后补零
  const dd = String(dateIn.getDate()).padStart(2, '0');
  // 用模板字符串拼接成目标格式
  return `${yyyy}-${mm}-${dd}`;
};

const today = new Date();
console.log(dateConverter(today)); // 示例输出："2020-08-19"

关键细节说明 #

• padStart(2, '0')：这个方法会检查当前字符串的长度，如果不足2位，就在开头补0，完美解决个位数月份/日期的格式问题。
• 模板字符串（`${变量}`）：比传统的+拼接更直观，可读性更强，不容易出错。

另一种简洁写法（利用浏览器内置格式化） #

如果你不需要兼容非常老旧的浏览器，可以直接使用Intl.DateTimeFormat让浏览器帮你处理格式化逻辑：

const dateConverter = (dateIn) => {
  return new Intl.DateTimeFormat('en-CA', {
    year: 'numeric',
    month: '2-digit',
    day: '2-digit'
  }).format(dateIn);
};

en-CA（加拿大英语）地区的默认日期格式就是YYYY-MM-DD，不需要手动处理补零，浏览器会自动完成格式化。

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