应使用显示当前系统时间，因其原生支持年月日及时分（可选秒），value需为本地时间格式yyyy-mm-ddthh:mm，javascript须手动格式化，不可用toisostring()。

HTML <input type="date"> 无法显示当前时间

直接用 <input type="date"> 只能选日期，不支持时分秒；它底层对应的是 Date 的年-月-日部分（ISO 8601 格式），浏览器会忽略时间信息。哪怕你设 value="2024-05-20T14:30"，渲染后也只显示 2024-05-20，且用户无法修改时间。

要显示“当前系统时间”，得用 type="datetime-local"

这是唯一原生支持年月日 + 时分（可选秒）的 HTML 输入类型，且能正确解析和回显完整时间值。关键点：

html-to-pptx-converter

使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。

下载

• value 必须是符合 yyyy-MM-ddThh:mm 或 yyyy-MM-ddThh:mm:ss 的本地时间字符串（注意：不是 UTC，也不带时区偏移）
• JavaScript 获取当前本地时间后，需手动格式化为该格式，不能直接用 new Date().toISOString()（它返回 UTC 时间，会导致显示偏差）
• 示例写法：

  <input type="datetime-local" id="timeInput"><script>
    const now = new Date();
    const localIso = now.getFullYear() + '-' +
                     String(now.getMonth() + 1).padStart(2, '0') + '-' +
                     String(now.getDate()).padStart(2, '0') + 'T' +
                     String(now.getHours()).padStart(2, '0') + ':' +
                     String(now.getMinutes()).padStart(2, '0');
    document.getElementById('timeInput').value = localIso;
  </script>

常见坑：设了值但输入框还是空的

多数是因为时间格式非法或时区处理错误。检查以下几点：

• 字符串里不能有空格或中文标点，必须是 T 分隔，且 hh:mm 后不能跟 Z 或 +08:00
• 月份、日期、小时、分钟都必须是两位数（padStart(2, '0') 不可省）
• 如果页面加载时 DOM 还没就绪，getElementById 返回 null，赋值失败 —— 把脚本放

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！