必须同时设置 trigger: 'click' 和 readonly 属性，否则移动端 laydate 易闪退、不弹或一闪而过；因 focus 事件在 OPPO、vivo、华为旧版 WebView 及部分 iOS Safari 中不稳定，键盘抢占导致面板渲染中断，仅设 trigger 仍会唤键盘，仅设 readonly 则 iOS 面板定位失败。
必须同时设置 trigger: 'click' 和 readonly 属性，否则 90% 的闪退、不弹、一闪而过问题无法根治。
为什么只加 trigger: 'click' 还是会闪退
移动端（尤其是 OPPO、vivo、华为旧版 WebView 和部分 iOS Safari）对 focus 事件处理极不稳定：input 获取焦点后，系统键盘强行抢占渲染控制权，laydate 面板刚开始绘制就被中断收起。显式设为 trigger: 'click' 可绕过 focus 流程，但若 input 仍可获得焦点（即没加 readonly），某些安卓机型仍会唤键盘，导致冲突。
以下组合缺一不可：
-
trigger: 'click'—— 让面板响应 click 而非 focus -
<input readonly>—— 禁用软键盘，但保留表单可提交性 - 不能用
disabled—— laydate 实例无法绑定，面板压根不会出现
layer 弹层里 laydate 一闪就消失的真凶
常见但极易被忽略的两个原因：
-
<button></button>缺少type="button"：在 form 内点击后触发表单默认提交 → layer 关闭 → laydate 实例被销毁 - 动态 DOM 中重复 render：layer.open 的
content每次打开都重写 HTML，但旧 laydate 实例未销毁，多个实例监听同一elem，互相干扰
实操建议：
- 所有按钮统一加
type="button"，或给 form 加onsubmit="return false;" - 在 layer 的
success回调中，先执行laydate.destroy('#date-input')，再render - 确保 DOM 已挂载完成，比如用
layer.ready()或$().html().promise().done()
多个日期控件共存时闪退怎么破
当用类选择器批量初始化（如 elem: '.lay-date'），layui 会给所有元素分配相同的 lay-key="1"，导致只有第一个控件能正常工作，其余全部闪退。
正确做法是逐个绑定：
layui.use('laydate', function(){
var laydate = layui.laydate;
$('.lay-date').each(function(){
laydate.render({
elem: this,
trigger: 'click',
readonly: true // 注意：这里只是示意，readonly 是 input 属性，不是 render 参数
});
});
});
关键点：
-
readonly必须写在 HTML 的<input>标签上，不是render的配置项 - 不要依赖 CSS 隐藏 input（如
left: -9999px），laydate 需要真实可测量的锚点定位 - 如果用了
isInitValue: true，注意它在 v5.1+ 已废弃，改用value属性或手动赋值
最容易被跳过的细节：trigger 和 readonly 必须成对出现。单独加任一个，都可能在特定机型或浏览器下失效——这不是 bug，而是移动端输入行为与日历渲染节奏之间的天然竞争关系。
