input type="date" 点击无反应是因旧版Safari、安卓WebView等不支持而降级为文本框；需用JS检测el.type==='date'确认支持，设value须为YYYY-MM-DD格式且元素已挂载。
HTML input type="date" 为什么点开没反应？
不是所有浏览器都默认支持 input type="date"，尤其在旧版 Safari（iOS 15.4 之前）、部分安卓 WebView 或 Electron 内嵌页里，它会直接降级成普通文本框，连日历图标都不显示。
- 检查浏览器兼容性：Chrome 20+、Firefox 57+、Edge 12+ 支持；Safari 14.1+ 才开始稳定支持（iOS 需 14.5+）
- 别依赖视觉反馈——用 JS 检测是否真有原生控件：
const el = document.createElement('input'); el.type = 'date'; console.log(el.type === 'date');，返回true才说明环境支持 - 如果降级了，
value依然可读写，格式固定为YYYY-MM-DD，但用户得手动输，没校验、没交互提示
怎么让 input type="date" 默认显示今天？
不能靠 new Date().toString() 这类 JS 字符串，必须是严格 YYYY-MM-DD 格式，否则 value 设了也无效，输入框空白。
- 正确写法：
el.value = new Date().toISOString().split('T')[0]; - 或者更稳妥：
el.value = `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`; - 注意：设
value必须在元素已挂载 DOM 后执行，否则某些浏览器（如 Safari）会忽略 -
min和max属性也得是同样格式，比如min="2024-01-01"，错一个字符（如"2024/01/01"）就失效
拿到的日期值怎么转成 JS Date 对象？
input type="date" 的 value 是字符串，不是 Date，直接传给 new Date(value) 在 Safari 上可能出错（时区处理不一致），导致日期偏移一天。
- 安全转换方式：
new Date(`${value}T00:00`)，强制指定 UTC 零点，避免本地时区干扰 - 更推荐：
new Date(Date.parse(value))，Date.parse能可靠解析YYYY-MM-DD格式，且返回毫秒数，不受时区影响 - 别用
valueAsDate属性——它在部分安卓机型上返回null，兼容性不如手动解析 - 如果要提交表单，后端通常也只认字符串，不必强转，除非要做计算
为什么设置了 min 却还能选更早的日期？
常见原因是 min 值格式非法或未生效。原生 date 输入框对属性值极其敏感，错一位、多一个空格都会让整个约束失效。
立即学习“前端免费学习笔记（深入）”；
- 检查
min是否为纯YYYY-MM-DD，不含时间、时区、斜杠或中文字符 - 动态设置时，确保赋值语句执行顺序：先设
min，再设value，否则 Chrome 可能拒绝设一个超出范围的value - 注意：
min/max只影响 UI 交互（禁用选项、阻止输入），不替代服务端校验——用户仍可通过 DevTools 修改 DOM 绕过 - 如果需要更强控制（比如禁用周末、节假日），必须用 JS 拦截
change事件并手动重置
