html5 中正确输入类型是 datetime-local，非 localdatetime；其值为无时区 iso 格式字符串（如“2024-05-20t14:30”），浏览器按本地时区显示但提交不带时区，需前后端协同处理时区逻辑。
localdatetime 是 HTML5 的 datetime-local 输入类型，不是 localdatetime
HTML 标准里没有叫 localdatetime 的输入类型——这是常见拼写错误。正确名称是 datetime-local，它表示“本地日期时间”，不带时区偏移，值格式为 YYYY-MM-DDTHH:MM（可选秒，如 YYYY-MM-DDTHH:MM:SS）。
浏览器渲染时会按用户本地时区显示和编辑，但提交的值始终是无时区的字符串（ISO 8601 格式），后端需自行处理时区逻辑。
datetime-local 的基本用法和取值规则
直接在 <input> 中使用 type="datetime-local" 即可，无需额外 polyfill（Chrome、Edge、Firefox 支持良好；Safari 自 14.1+ 支持，iOS Safari 14.5+ 支持）。
-
value必须严格匹配YYYY-MM-DDTHH:MM或YYYY-MM-DDTHH:MM:SS格式，例如："2024-05-20T14:30"，多一个空格或少一个T都会导致值为空 - 不支持
step属性设为秒级以下（如step="1"表示 1 秒，step="60"表示 1 分钟），但step="1"在部分浏览器中可能被忽略 - 默认不显示秒，除非 value 显式包含秒，且浏览器 UI 支持（Chrome 会显示秒选择器，Safari 不显示）
- 无法通过
min/max限制到毫秒级，只认到秒，例如：min="2024-05-20T09:00"合法，min="2024-05-20T09:00:00.123"会被截断
JavaScript 读写 datetime-local 输入框的坑
DOM 元素的 .value 始终返回字符串（如 "2024-05-20T14:30"），不是 Date 对象。想转成时间戳或做计算，必须手动解析：
const input = document.querySelector('input[type="datetime-local"]');
// ✅ 正确：补零秒再解析（避免 Safari 等忽略秒导致 new Date() 解析失败）
const dateStr = input.value + ':00'; // 补上 ":00" 确保格式完整
const timestamp = new Date(dateStr).getTime();
// ❌ 错误：直接 new Date(input.value) 在某些浏览器中可能返回 Invalid Date
// 因为 "2024-05-20T14:30" 缺少秒，Safari 会拒绝解析
- 设置
.value时，必须用toISOString()截断时区信息：先用new Date()构造，再调.toISOString().slice(0, 16)（取年月日T时分） - 注意：用户选择的时间是本地时间，
toISOString()返回的是 UTC 时间，所以不能直接用它赋值——要先转换成本地时间对应的 ISO 字符串（见下条） - 推荐写法：
input.value = new Date().toLocaleString('sv-SE', {hour12: false}).replace(' ', 'T').slice(0, 16)（利用瑞典 locale 输出标准格式）
后端接收 datetime-local 值时要注意什么
表单提交的 datetime-local 值是纯字符串，如 "2024-05-20T14:30"，它不携带时区信息。这意味着：
- 你不能假设它是 UTC 或服务器本地时间——它只是用户所在时区的“墙上时间”
- 如果业务需要统一时区（比如全存 UTC），必须在前端用
new Date().getTimezoneOffset()计算偏移，或在后端根据用户 IP/配置推断时区再转换 - Python Flask/Django、Node.js Express 等框架默认不会自动补时区，
datetime.strptime("2024-05-20T14:30", "%Y-%m-%dT%H:%M")得到的是 naive datetime，后续运算易出错 - 数据库字段建议用
TIMESTAMP WITH TIME ZONE（PostgreSQL）或明确存 UTC 时间 + 单独存用户时区标识
真正麻烦的不是怎么写这个 input，而是怎么定义它代表的时间语义——是“用户看到的钟表时间”，还是“应执行的绝对时刻”。这点没想清楚，后面所有时区转换都会踩坑。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
