原生 无法通过 JavaScript 主动唤起选择器，showPicker() 是当前标准方法但仅限 Chrome 112+、Edge 112+ 和 Firefox 120+，且必须由用户手势同步触发；不支持时应聚焦输入框并配合视觉提示引导用户手动点击。
点击按钮让 <input type="date"> 弹出选择器
原生 <input type="date"> 在多数浏览器中不支持通过 JavaScript 主动唤起日期选择器（比如调用 click() 或 showPicker()），这是个常见误解。直接对它调用 .click() 在 Chrome/Edge 112+ 可能生效，但在 Safari、旧版 Chrome 或部分移动端 WebView 中完全无效。
showPicker() 是目前最接近“触发弹窗”的标准方法
Chrome 112+、Edge 112+ 和 Firefox 120+ 已实现 showPicker() 方法，但它有硬性前提：必须由用户手势（如 click）同步触发，不能异步（比如套个 setTimeout）或跨事件循环调用。
- ✅ 正确写法：
button.addEventListener('click', () => { dateInput.showPicker(); }); - ❌ 错误写法：
button.addEventListener('click', () => { setTimeout(() => dateInput.showPicker(), 0); // 被浏览器拒绝 }); - ⚠️ 注意：
showPicker()对type="date"有效，但对type="datetime-local"或type="month"的支持仍不一致（Firefox 尚未支持后者）
兼容性 fallback：用 focus() + 视觉提示引导用户手动点开
当 showPicker() 不可用时（如 Safari 或低版本浏览器），唯一可靠做法是让输入框获得焦点，并配合样式或文案提示用户点击输入框本身来唤起原生控件。
htmlppt.skill
下载
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
- 给
<input type="date">添加tabindex="0"确保可聚焦（尤其在非表单上下文中） - 用 CSS 高亮边框或加图标，例如：
input[type="date"]:focus { outline: 2px solid #007bff; } - 不要隐藏原生输入框（比如
opacity: 0或visibility: hidden），否则showPicker()和聚焦都失效
别踩这些坑
实际调试中最容易卡住的几个点：
立即学习“前端免费学习笔记（深入）”；
-
showPicker()抛错DOMException: The element does not support showing a picker.→ 检查元素是否已挂载到 DOM、type是否拼写正确（必须是小写"date"）、是否被disabled或readonly - 按钮点击无反应 → 确认事件监听器绑定时机：确保
dateInput元素在 JS 执行时已存在（避免放在里未等 DOM 加载完就运行） - 移动端点按钮后键盘弹出而非日期选择器 → 这是正常行为，iOS Safari 压根不支持
showPicker()，只能靠聚焦 + 用户主动点击输入框
真正的跨浏览器触发，目前不存在“一键弹窗”的银弹；showPicker() 是未来方向，但今天仍得为 Safari 和老环境留一手视觉引导。
