input type="date" 在部分系统调用原生日历，但非全部：iOS Safari 和 Android Chrome 通常触发原生选择器，桌面 Chrome/Edge 弹出内置轻量日历，Windows Firefox 仅显示文本框；其 value 恒为 ISO 8601 格式（如"2024-05-20"），不随 locale 变化；移动端 WebView 等环境可能失效，需特性检测并降级；showPicker() 仅限用户手势触发且兼容性有限。
input type="date" 在不同系统上到底调不调用原生日历？
它会，但前提是浏览器和操作系统都支持——不是所有环境都如预期那样弹出系统级日历。iOS Safari 和 Android Chrome 通常触发原生日期选择器（带滚轮或日历网格），而桌面 Chrome / Edge 虽渲染为输入框+下拉箭头，点击后弹出的是浏览器内置的轻量日历面板，并非 macOS 或 Windows 的系统日历应用。Windows 上的 Firefox 则直接显示文本输入框，无任何日历 UI。
为什么 input[type="date"] 的值总是 YYYY-MM-DD 格式？
这是 HTML5 规范强制要求的：无论用户在界面上如何选择或输入，input.value 永远返回标准 ISO 8601 格式（如 "2024-05-20"），不带时区、不含中文、也不受 locale 影响。这意味着你不能靠 valueAsDate 或格式化函数“绕过”这个约束来获取本地化显示值——它就是设计成只做数据交换，不负责展示。
- 想显示“2024年5月20日”？必须用 JS 手动格式化
new Date(input.value) - 设初始值时也必须传
"2024-05-20"，传"20/05/2024"或new Date()会失败或清空 - 服务端接收该字段时，可直接解析为日期类型（如 Python 的
date.fromisoformat()）
移动端真机测试时点不动 date 输入框？
常见于 WebView 容器（如 Cordova、微信内置浏览器、某些安卓定制浏览器），它们可能禁用或未实现 input[type="date"] 的原生能力。此时输入框变灰、点击无响应，甚至控制台报 Failed to execute 'showPicker' on 'HTMLInputElement'。
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 先检查
document.createElement('input').type = 'date'是否返回"date"（feature detection） - 降级方案：用
type="text"+ 第三方库（如 flatpickr）并隐藏原生 input，仅在支持环境才启用原生 - 微信 iOS 环境中，
inputmode="numeric"可能干扰 date 行为，建议移除
如何让 date 输入框默认聚焦并自动唤起选择器？
不能自动唤起。规范明确禁止脚本调用 input.showPicker() 或 click() 触发选择器——除非是用户真实手势触发（如手指点击）。Chrome 112+ 支持 showPicker()，但需满足：元素已挂载、可见、且调用发生在用户手势事件（click, touchend）处理函数内。
- 错误写法：
input.focus(); input.click();—— 多数环境静默失败 - 可行写法：
button.addEventListener('click', () => input.showPicker())（仅现代 Chrome/Edge） - 兼容写法：引导用户点击按钮，再 focus 到 input，靠他们自己点开
真正容易被忽略的是：即使所有代码都对，iOS 微信里 showPicker() 仍大概率被拦截。别把“唤起日历”当成可编程控制的环节，它本质是用户操作入口，不是 API 接口。
