HTML <input type="time"> 的值默认格式是固定为“HH:MM”（24小时制，两位小时+两位分钟），不带秒、时区或AM/PM；所有主流浏览器均遵循该规范。
HTML <input type="time"> 的值默认格式是什么
浏览器原生的 <input type="time"> 提交或读取 .value 时，**固定返回 "HH:MM" 格式字符串（24 小时制，两位小时+两位分钟）**，不带秒、不带时区、不带 AM/PM。例如选中下午 2:30，得到的是 "14:30"，不是 "2:30 PM" 或 "14:30:00"。
这个格式由 HTML 规范强制定义，所有主流浏览器（Chrome/Firefox/Safari/Edge）都一致，无需额外 polyfill。
想输出带秒或 12 小时制怎么办
原生控件不提供秒输入或 AM/PM 切换，.value 也永远不会包含秒或后缀。如果业务需要 "HH:MM:SS" 或 "h:mm A"，必须手动转换：
- 用
new Date()构造临时时间对象，再用.toISOString()或.toLocaleTimeString()格式化 —— 但注意：仅靠.value字符串无法还原秒和时区，得额外记录或补零 - 若只要补秒，可直接拼接：
timeInput.value + ":00"（假设秒恒为 0） - 若要转 12 小时制，需解析小时数：
const [h, m] = timeInput.value.split(':').map(Number); const hour12 = h % 12 || 12; const ampm = h >= 12 ? 'PM' : 'AM'; const formatted = `${hour12}:${m.toString().padStart(2, '0')} ${ampm}`
为什么 valueAsDate 返回的时间对象秒数总是 0
<input type="time"> 的 .valueAsDate 属性会返回一个 Date 对象，但它的秒、毫秒、日期部分（年月日）都是无效或占位值 —— 浏览器只保证小时和分钟准确，其余字段不可信。
立即学习“前端免费学习笔记（深入）”；
常见错误是直接调用 date.toISOString() 想取完整时间，结果得到类似 "1970-01-01T14:30:00.000Z"（秒被设为 0，日期固定为 Unix epoch）。这不是 bug，是规范行为：该控件语义上只管理“时间片段”，不表示完整时刻。
如需可靠时间戳，必须结合日期控件（<input type="date">）或手动补全日期信息。
移动端兼容性和用户输入限制
iOS Safari 和旧版 Android WebView 对 type="time" 支持较弱：可能降级为文本框，或弹出非标准选择器。更麻烦的是，用户仍可手动输入任意字符串（比如 "abc" 或 "25:99"），此时 .value 会保留非法值，.valueAsDate 返回 null。
务必在提交前校验：
- 用正则
/^([01]?[0-9]|2[0-3]):[0-5][0-9]$/验证字符串格式 - 检查
input.checkValidity()（它对非法时间会返回false） - 避免依赖
.valueAsDate做逻辑判断，优先用字符串解析
真正难处理的不是格式化，而是用户绕过 UI 直接输错、或在不支持的设备上失去控件语义 —— 这些场景下，连“HH:MM”都不能保证。
