laydate在移动端默认不触发原生日期选择器，因其强制使用自研js日历面板并覆盖input[type="date"]的原生行为；绕过方法是移除laydate.render()调用，仅用原生type="date"配合change事件监听，并可通过ua检测实现pc端用laydate、移动端用原生。
laydate 在移动端为什么默认不触发原生日期选择器
因为 laydate 默认强制使用其自研的 JS 日历面板，会忽略 input[type="date"] 的原生行为。即使你在移动端给 input 设置了 type="date"，laydate 初始化后也会覆盖掉它——这是它的设计逻辑，不是 bug。
绕过 laydate 渲染，让 input 触发原生 date picker
核心思路是：不调用 laydate.render()，改用原生 input[type="date"]，再通过 CSS 和事件补足体验断层：
- 确保
input元素有type="date"属性（iOS 16.4+、Android Chrome 均支持） - 移除所有
laydate.render()调用，否则它会劫持 focus 并渲染自己的弹层 - 用
input的change事件监听选中值，而非laydate的done回调 - 可加
inputmode="none"防止软键盘意外弹出
示例 HTML：
<input type="date" id="dateInput" inputmode="none">
JS 监听：
document.getElementById('dateInput').addEventListener('change', function() {
console.log(this.value); // 格式为 'YYYY-MM-DD'
});
需要 laydate 的样式/交互，但又想在移动端切回原生？
可以检测 UA，在移动端跳过 laydate.render()，只保留 PC 端初始化：
- 用
navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/i)判断是否为移动设备 - PC 端调用
laydate.render({elem: '#dateInput'}) - 移动端保持
input[type="date"]原样，不初始化 laydate - 注意：不要混用——同一
input不能既被 laydate 绑定，又期望原生生效
关键点：laydate 和原生 date picker 是互斥的，没有“自动降级”机制。
常见踩坑点
这些情况会导致原生滚轮失效或行为异常：
- 父容器设置了
overflow: hidden或transform，遮挡了原生弹层（尤其 iOS） - 用了
input[type="text"]+laydate，却在移动端期望唤起系统日期——不可能，type 不是 date 就不会触发 - 在 Vue/React 中动态渲染 input 后未及时设置 type，或被框架重置了 type 属性
- 部分安卓厂商浏览器（如华为、小米）对
input[type="date"]支持不一致，建议加 fallback 提示
真正可靠的方案只有两个：纯原生（移动端优先），或纯 laydate（兼容性优先）。强行混合只会增加不可控分支。
