html中用于创建本地日期时间选择器，支持现代浏览器，格式为yyyy-mm-ddthh:mm，可设min/max范围、label增强可访问性，但safari旧版本不支持。

HTML 中的 <input> 标签通过设置 type 属性为 "datetime-local"，即可创建一个让用户选择日期和时间的控件。

基础用法：datetime-local 输入框

这是最常用、原生支持日期+时间选择的方式（不带时区）：

说明：
- 浏览器会显示一个下拉日历+时间选择器（Chrome、Edge、Firefox 等现代浏览器均支持）
- 默认值为空；可添加 value 设置初始值，格式必须是 YYYY-MM-DDThh:mm（如 2025-04-10T14:30）
- 该类型不包含时区信息，提交时按用户本地时区解释

设置最小/最大时间范围

用 min 和 max 属性限制可选范围，避免用户选错：

html-ppt-to-pdf

将使用 `

` 约定的 HTML 幻灯片转换为高保真、矢量文本 PDF（使用 Playwright + Chromium 原生 PDF 功能）。

下载

  min="2025-04-10T09:00"
  max="2025-04-30T17:00"
  value="2025-04-15T10:00">

注意：
- min/max 值也必须符合 YYYY-MM-DDThh:mm 格式
- 如果 value 超出范围，输入框可能显示为空或被自动修正（行为因浏览器而异）

配合 label 提升可访问性

给输入框添加语义化标签，方便屏幕阅读器识别和点击聚焦：

活动时间：

好处：
- 点击文字即可激活输入框
- 符合无障碍标准（WCAG）
- 表单逻辑更清晰，尤其在 JS 操作或后端解析时

注意事项与常见问题

使用时需留意以下几点：

• Safari 旧版本（iOS 15.4 之前）不支持 datetime-local，会降级为普通文本框 —— 如需兼容，建议搭配 JavaScript 库（如 flatpickr 或 luxon）增强
• 提交表单时，值以字符串形式发送，格式固定为 YYYY-MM-DDThh:mm（例如 "2025-04-10T15:20"），后端需按此格式解析
• 不能直接用 type="date" 或 type="time" 合并实现 —— 它们是独立控件，需分别处理再拼接，体验和逻辑都更复杂

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