如何用JavaScript将日期字符串转为HTML datetime-local输入格式？

HTML的datetime-local输入框仅接受**YYYY-MM-DDTHH:mm**（或带秒的YYYY-MM-DDTHH:mm:ss）格式的字符串，你拿到的带时区信息的日期字符串需要转换后才能适配。以下是两种直接可用的JavaScript转换方案：

方案1：原生Date方法手动拼接格式 #

// 你的原始日期字符串
const rawDateStr = "Tue May 16 2023 15:40:00 GMT+0200 (South Africa Standard Time)";
const date = new Date(rawDateStr);

// 拼接成datetime-local要求的格式
const formattedDate = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}T${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`;

// 赋值给输入框
document.getElementById('你的输入框ID').value = formattedDate;

注意：getMonth()返回0-11的数值，必须加1；padStart(2, '0')用于保证月份、日期、时分都是两位数（比如5月转为05，9点转为09）。

方案2：利用toISOString截取（更简洁） #

const rawDateStr = "Tue May 16 2023 15:40:00 GMT+0200 (South Africa Standard Time)";
const date = new Date(rawDateStr);

// toISOString返回类似"2023-05-16T13:40:00.000Z"的字符串，截取前16位即可得到目标格式
const formattedDate = date.toISOString().slice(0, 16);

document.getElementById('你的输入框ID').value = formattedDate;

注意：toISOString()会将日期转为UTC时间，如果你需要保留原始字符串中的本地时区时间（比如示例里的南非时间），方案1的准确性更高。

额外优化建议 #

如果从SQL Server取数时，直接用SQL语句转换格式（例如FORMAT(YourDateColumn, 'yyyy-MM-ddTHH:mm')），前端可以省去转换步骤，效率更高。

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