input type="date" 跨浏览器兼容性差，需用 YYYY-MM-DD 格式赋值与校验，min/max/step 行为不一致，应配合 input/change 事件及 setCustomValidity() 做 JS 层双重校验。
浏览器原生 type="date" 选日期，能用，但别指望它跨浏览器一致 —— Chrome/Edge 行，Safari 旧版本不支持，iOS Safari 直到 iOS 16.4 才真正支持 min/max 和键盘输入校验，Android WebView 更是长期有兼容性问题。
怎么让 input type="date" 正常显示并提交标准格式
原生控件只接受 YYYY-MM-DD 格式字符串，且 value 必须严格匹配该格式（不能带时间、斜杠、中文）。一旦赋值非法，value 会变为空字符串，界面清空但不报错。
- 初始化时用
new Date().toISOString().split('T')[0]生成合法默认值，比如"2024-05-20" - JS 设置值必须用
el.value = "2024-05-20"，不能写"2024/05/20"或"2024年5月20日" - 表单提交时，后端收到的就是
YYYY-MM-DD字符串，无需额外解析日期部分 - 注意：
valueAsDate属性在部分 Android 浏览器中返回null，优先用value读取
min、max 和 step 在不同浏览器表现差异大
这些属性在 Chrome 中能限制选择范围并禁用无效日期；但在 Safari（尤其是 iOS 15 及更早）里，min/max 仅影响弹出日历的可滚动范围，用户仍可通过键盘手动输入超限日期，且不会触发 checkValidity() 报错。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
-
min和max值也必须是YYYY-MM-DD格式，例如min="2024-01-01" -
step只支持数字天数（如step="7"表示只能选每周一），但 Firefox 不支持该属性 - 若需强校验，必须配合 JS 的
input或change事件 +setCustomValidity()主动干预
为什么用户点了日期却没触发 change 事件？
常见于用户通过键盘修改日期后直接失焦，或在某些 Android 厂商定制浏览器中，点击日期面板选中某天却不触发 change。根本原因是：原生 type="date" 的事件触发时机依赖浏览器实现，不可靠。
立即学习“前端免费学习笔记（深入）”；
- 不要只监听
change，加一层input事件监听，对每次输入做value格式校验 - 对
value做变更检测（比如缓存上一次值），避免重复处理 - 涉及实时计算（如“结束日期不能早于开始日期”），建议用
blur+input组合兜底 - 如果业务强依赖日期变更响应，考虑降级为自定义日期选择器（如 flatpickr），或用
type="text"+ 日期格式化库 + 手动唤起系统日历（inputmode="numeric"无用，别试）
最麻烦的不是写法，而是你永远不知道用户手机上点开的是系统原生日历、厂商魔改版，还是干脆回退到了文本输入框 —— 所以所有校验逻辑都得在 JS 层做双重保障，别信 required 和 min 的提示效果。
