如何让datetime-local输入框在秒数为00时获取值仍包含完整的秒数部分（原生HTML方案）

嘿，我完全懂你的烦恼——明明设置了step="1"让输入框支持秒级选择，UI上也好好显示着秒数，结果用JS取值的时候，只要秒数是00就直接被砍掉，只保留到分钟，这确实有点离谱。

首先得给你明确个事儿：这不是bug，是浏览器遵循HTML规范的标准化行为。哪怕咱们设置了step="1"允许选择秒，根据规范，当秒数为00时，浏览器返回value属性会自动省略这部分，只保留YYYY-MM-DDTHH:mm的格式，就像你遇到的那样。

那有没有纯原生HTML的办法强制让它返回带00秒的完整格式呢？很遗憾，目前真没有直接的HTML属性或者配置能改掉这个行为。浏览器的这个处理是硬编码在规范实现里的，没法通过HTML绕过去。

我注意到你说已经查过MDN的文档，也看过之前的相关问题——之前有人的解决方案是直接隐藏秒数，但你这边必须让用户能选择秒，那显然这个方案不适用。

那现在最可行的办法，就是用几行极简的JS代码来补全缺失的秒数，虽然不是纯HTML，但代码量极小，完全不会影响体验：

function getFullDatetime(inputId) {
  const input = document.getElementById(inputId);
  const val = input.value;
  // 正常带秒的格式是19位，不带的是16位，判断后补全
  return val.length === 16 ? `${val}:00` : val;
}

// 使用示例
console.log(getFullDatetime("creation-start")); // 返回 '2025-02-12T09:05:00'
console.log(getFullDatetime("creation-end")); // 返回 '2025-02-12T09:05:22'

而且这个逻辑很安全，不管是用户通过选择器选的00秒，还是手动输入的，只要取值的时候处理一下就行，完全不影响用户的操作流程。

另外补充下，这个行为在Chrome 132、Edge 132里都是一致的，目前主流浏览器都是这么实现的，暂时没有纯HTML的替代方案哦。

备注：内容来源于stack exchange，提问作者Nad Hr