laydate在layer弹窗中被裁剪的根本原因是.layui-layer-content的overflow: auto导致absolute定位面板被截断；正确解法是在layer.open的success回调中使用trigger: 'click'与position: 'fixed'组合，并确保DOM已就绪。
laydate在layer弹窗里被裁剪，不是z-index问题
根本原因是.layui-layer-content默认设了overflow: auto，而laydate面板是position: absolute，一超出内容区就被硬性截断。调高zIndex、加!important、甚至把z-index设成999999都没用——CSS裁剪发生在渲染层，跟层级无关。
必须用position: 'fixed' + trigger: 'click'
这是Layui v2.8+原生支持的解法，绕过所有容器限制：
-
trigger: 'click'让面板不依赖input焦点定位，避免因transform或滚动导致错位 -
position: 'fixed'把面板挂到视口级，彻底脱离layer内容区的overflow控制 - 不能混用
position: 'absolute'——它会回到被裁剪的老路 - 务必在
layer.open()的success回调中执行，否则DOM可能未就绪
示例写法：
layer.open({type: 1, content: $('#formDate'), success: function(layero) {laydate.render({elem: '#date-field', trigger: 'click', position: 'fixed'});}});
移动端还要防软键盘遮挡
微信或iOS Safari里，软键盘弹出会压缩视口，position: 'fixed'面板容易卡在键盘底下：
- 最简单有效的办法：给input加
readonly属性，<input type="text" id="date1" readonly> - 如果必须支持手动输入，就别用
position: 'fixed'，改回position: 'absolute'，并在ready回调中把面板挂到document.body下 - 避免用
disabled——laydate初始化会失败，且样式变灰
表格内嵌或layer里动态插入时容易漏掉关键点
表格单元格或JS动态append的弹窗内容，常因渲染时机不对导致失效：
- 表格里用
templet返回日期input，必须在table.on('done')回调里重新调laydate.render() - layer内容来自
content: $('#myForm')这种已有DOM，layer会clone节点，事件和组件绑定全丢——必须在success里补form.render()和laydate.render() - 用了
type: 2(iframe)，lay-append-to="body"里的body指的是iframe内部的body，不是主页面
最容易被忽略的是：哪怕写了position: 'fixed'，如果没放在success里执行，或者input是后来用layero.find().append()加进去的，面板就会绑定到旧DOM或根本找不到元素。
