type="date"输入框的value强制为"YYYY-MM-DD"格式，不支持自定义显示、pattern校验无效，required仅检查非空，跨浏览器行为不一致，需JS+服务端双重验证。
type="date" 输入框本身不接受自定义显示格式，它的 value 永远是 "YYYY-MM-DD" 字符串，这是 HTML5 规范强制要求的。你想看到 "MM/DD/YYYY" 或 "DD/MM/YYYY"？浏览器原生控件不会按你的意愿渲染——它只受系统区域设置影响，且无法用属性修改。
为什么 pattern 对 type="date" 无效？
因为浏览器对 type="date" 的校验完全绕过 pattern 属性。无论你写 pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}" 还是留空，它都不会生效。这是规范行为：原生日期控件自己处理格式约束，pattern 只作用于 type="text"、type="email" 等文本类输入。
- 试图给
type="date"加pattern是白忙活，控制台可能报 warning，但无实际效果 - 若真需要正则校验（比如后端接收 URL 参数或 JSON 字段里的日期字符串），必须在 JS 或服务端单独做，且不能只靠正则
- 浏览器已确保用户通过选择器选的值一定是合法
YYYY-MM-DD格式；但手动修改 value（如 JS 赋值）时仍需保证格式正确，否则会变为空字符串
required 只检查是否为空，不校验日期逻辑
加 required 后，浏览器只判断 input.value !== ""。它不管 "2024-02-30" 是否真实存在——这种值根本不可能由原生控件产生，但如果你用 JS 错误赋值或从外部传入，它就可能混进来，而 required 完全不拦。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
-
required在表单原生提交时才触发，JS 调用form.submit()会跳过它 - 要确保必填+合法，得监听
change或blur，用new Date(input.value)+toISOString().slice(0,10) === input.value双重验证 - 旧版 Safari（iOS 15.4 前）对
required+type="date"支持不稳定，必须降级 fallback
想显示 MM/DD/YYYY？只能“假装”
没有 API 能改原生控件的显示格式。可行方案是：用 CSS 隐藏真实 input 的文字区域，再用 ::before 伪元素显示 moment.js 格式化后的字符串。
- HTML 中仍用
，value 保持YYYY-MM-DD - JS 监听
change，调用moment(input.value).format(input.dataset.dateFormat)，把结果塞进data-date属性 - CSS 设置
input { color: transparent; text-indent: -9999px; }，再用input:before { content: attr(data-date); }显示 - 注意：这纯属视觉欺骗，
form.submit()提交的仍是原始YYYY-MM-DD值，后端无需适配
真正难的不是“怎么设格式”，而是别把 type="date" 当成万能黑盒——它不负责语义合法性，不响应 pattern，不提供格式化输出，也不保证跨浏览器行为一致。所有你以为的“自动校验”，其实都只覆盖了最浅一层。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
