应使用<input type="datetime-local">显示当前系统时间，因其原生支持年月日及时分（可选秒），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 输入类型，且能正确解析和回显完整时间值。关键点：

• 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>

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

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

html-to-pptx-converter

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

下载

• 字符串里不能有空格或中文标点，必须是 T 分隔，且 hh:mm 后不能跟 Z 或 +08:00
• 月份、日期、小时、分钟都必须是两位数（padStart(2, '0') 不可省）
• 如果页面加载时 DOM 还没就绪，getElementById 返回 null，赋值失败 —— 把脚本放 </body> 前，或用 DOMContentLoaded 包裹
• 某些旧版 Safari 对 datetime-local 支持不全，显示为文本框；如需兼容，得降级用两个分离的 date + time 输入框

如果只要“默认选中今天”，用 type="date" 更稳妥

虽然它不显示时间，但设 value 为今日日期是可靠的：

立即学习“前端免费学习笔记（深入）”；

<input type="date" value="2024-05-20">

生成该值可用：

const today = new Date().toISOString().split('T')[0]; // 安全获取 YYYY-MM-DD

注意：这里用 toISOString() 没问题，因为 date 类型只取前半段，且 ISO 格式的日期部分与本地日期在绝大多数场景下一致（跨时区边缘情况除外）。

实际项目里，是否需要时间，取决于业务逻辑真实依赖的是“时刻”还是“日期”。一旦用了 datetime-local，后端接收时也要明确按本地时间解析，而不是当成 UTC 处理。