laydate下拉面板被layer遮挡的根源是layui-layer-content的overflow: auto裁剪溢出内容，需通过skin自定义类设overflow: visible并配合trigger: 'body'和position: 'absolute'解决错位与劫持问题。
laydate下拉面板被layer遮挡的根源是overflow: auto
layui-layer-content默认设置了overflow: auto，一旦laydate下拉面板（.laydate-main-list）超出弹层内容区高度，就会被截断或强制滚动——不是z-index不够，是父容器直接“剪掉”了溢出部分。
常见现象：点击日期输入框，下拉日历只显示顶部几行，底部被吞，滚动条出现但无法完整展开。
- 不要试图只调高
z-index，无效 - 不要在
laydate.render()里加position: 'absolute'或fixed，会破坏定位逻辑 - 必须从layer内容容器的
overflow入手
给layer弹层加自定义skin并覆盖overflow: visible
直接改.layui-layer-content全局样式会污染其他弹层，正确做法是用skin参数隔离作用域。
在CSS中定义：
.laydate-skin {
overflow: visible !important;
}
注意：选择器必须足够具体，!important是必要的，因为layui内联样式优先级高。
调用layer.open时传入：
layer.open({
type: 1,
content: $('#form-container'),
skin: 'laydate-skin',
// 其他配置...
});
这样只有带laydate-skin类的弹层才解除溢出裁剪，不影响系统其他layer。
laydate渲染时指定position: 'absolute'并绑定到body
即使overflow修复了，laydate默认仍以触发元素为参考定位，而layer弹层可能有transform或相对定位，导致下拉偏移。
在success回调中初始化laydate，并显式绑定position: 'absolute'和trigger: 'body'：
success: function(layero, index) {
laydate.render({
elem: layero.find('.date-input'),
position: 'absolute',
trigger: 'body',
done: function(value) {
// 处理选中逻辑
}
});
}
关键点：
-
trigger: 'body'让下拉面板脱离layer弹层DOM嵌套，避免transform干扰 -
position: 'absolute'确保按视口定位，而非父元素 - 务必在
success中执行，此时layero已挂载到DOM
移动端iOS Safari下select/datepicker仍可点的坑
在iOS Safari中，pointer-events: none对<select></select>和某些原生控件失效，laydate的input如果用了type="date"，可能绕过遮罩继续响应。
稳妥做法：
- 禁用原生日期控件：
input[type="date"]统一改为type="text"并加readonly - 在
success中加layero.find('input.date-input').attr('readonly', true) - 若需拦截touch事件，补一句：
layero.on('touchstart', '.date-input', function(e){ e.preventDefault(); })
真正难的不是让日历出来，而是让它出来后不被裁、不错位、不被底层劫持——这三个条件缺一不可。尤其是iframe嵌套场景，trigger: 'body'和skin必须同时到位，否则随时翻车。
