laydate日历面板被遮挡的真正原因是父容器overflow:hidden导致裁剪，而非z-index不足；有效解法是设position:'fixed'、trigger:'click'，并在layer弹窗success回调中初始化。
laydate 的日历面板没有直接的 zIndex 配置项，强行设它没用——因为遮挡根本不是 z-index 不够高导致的。
laydate 被遮挡的真实原因不是 z-index 低
日历面板（.laydate-main-list）默认用 position: absolute 挂在触发元素附近，一旦父容器有 overflow: hidden（比如 .layui-table-body、弹窗内容区），就会被硬性裁剪。哪怕你把 zIndex 设成 999999，也挡不住 CSS 渲染规则。
- 查 DOM：打开开发者工具，选中日历面板，看它的父级是否带
overflow: hidden - 别信“调高 z-index 就行”——这是最常踩的坑，浪费时间还掩盖真因
- laydate 内部不暴露
zIndex参数，传了也会被忽略
真正有效的解法是绕过容器限制
必须让日历面板脱离父容器的定位上下文和溢出控制：
- 强制用
position: 'fixed'：让面板以视口为基准定位，彻底避开overflow: hidden - 必须配
trigger: 'click'：否则仍会尝试贴着 input 定位，触发时又掉回被裁剪路径 - 只在
success回调里初始化：确保 layer 弹窗 DOM 已挂载完成，否则elem找不到或绑定错位
layer.open({
type: 1,
content: $('#formWithDate'),
success: function(layero) {
laydate.render({
elem: layero.find('#date-input'),
position: 'fixed',
trigger: 'click'
});
}
});
子页面或 iframe 场景要额外注意
如果 laydate 在 type: 2（iframe）弹窗里，或嵌在子页面中：
-
lay-append-to="body"在 iframe 里指的是 iframe 自己的document.body，不是主页面——无效 - 子页面调用
top.layer.open()时，日历面板仍受父页面 stacking context 影响 - 更稳妥的做法：主页面统一管理日期选择，子页面只发事件，避免跨上下文渲染
真正难处理的不是怎么“设 z-index”，而是改了 position 和 trigger 后，滚动、缩放、iOS 键盘等场景下的定位偏移——这些得靠 ready、done 或 visualViewport.resize 补救，不是加个数字就能一劳永逸。
