layui表格中laydate“被砍头”是因弹层被overflow:hidden裁剪，应设position:'fixed'和trigger:'click'绕过容器限制，并在table.done回调中初始化，配合readonly防ios键盘冲突。
直接改 overflow: hidden 不行，layui 表格的遮挡本质是渲染层级和定位机制冲突，不是单纯样式问题。
为什么 laydate 在表格里点开会“被砍头”
laydate 默认弹层是 position: absolute，挂载在触发元素附近；而 .layui-table-box 和 .layui-table-body 都设了 overflow: hidden，导致弹层超出部分被裁剪。这不是 bug，是 CSS 渲染规则的必然结果。
- 常见现象：日期面板只显示顶部 1–2 行、滚动表格时面板错位、移动端直接不弹或跳转全屏选择器
- 别试
z-index硬提——laydate 弹层不在当前 td 的层叠上下文中，父级overflow: hidden优先级更高 - 别给
td或.layui-table-cell加overflow: visible——Layui 会重置，且破坏表格对齐和固定列逻辑
用 position: fixed + trigger: 'click' 强制脱离容器
让 laydate 不依赖触发元素位置，而是以视口为基准定位，彻底绕过表格容器的裁剪限制。
- 必须显式设置
trigger: 'click'，否则默认focus触发仍会尝试贴着 input 定位 - 配合
position: 'absolute'没用，要设position: 'fixed'（Layui v2.8+ 支持，v2.7 需手动 patch） - 示例写法：
laydate.render({<br> elem: '#date-in-table',<br> trigger: 'click',<br> position: 'fixed'<br>}); - 如果表格启用了
scrollbar或fixed: true列，需监听table.on('scroll')并调用laydate.hide()防止面板悬空
表格列模板中嵌入时的初始化时机陷阱
templet 返回的 input 是动态插入的，laydate 必须在 DOM 真实挂载后才可绑定，否则绑定失败或重复绑定。
- 不能在
layui.use(['table', 'laydate'], ...)里直接laydate.render()—— 此时表格 DOM 还没生成 - 必须等
table.render()的done回调执行完，再遍历所有目标input手动初始化 - 推荐写法：
done: function(res, curr, count) {<br> // 延迟一帧，确保 DOM 已更新<br> setTimeout(() => {<br> layui.$('input[laydate-table]').each(function() {<br> if (!this.laydateId) { // 避免重复绑定<br> laydate.render({<br> elem: this,<br> trigger: 'click',<br> position: 'fixed'<br> });<br> this.laydateId = true;<br> }<br> });<br> }, 16);<br>} - 注意：若表格支持编辑态切换（如双击进编辑），需在退出编辑时调用
laydate.hide()，否则残留弹层
移动端输入法与日期面板共存的冲突
iOS Safari 下，input 获焦会强制唤起键盘，同时 laydate 弹层可能被压到键盘下方甚至不可见。
- 最简方案：给日期 input 加
readonly属性，阻止输入法弹出，只保留 laydate 点击触发 - HTML 写法：
<input type="text" readonly laydate-table> - 如果业务必须支持手动输入，得用 JS 动态控制：
elem.addEventListener('focus', e => e.target.readOnly = true)，选完日期后再恢复 - 别用
disabled—— 会导致表单提交时该字段丢失值
真正麻烦的不是怎么让它弹出来，而是它弹出来之后，用户滚动表格、切换行、切到后台再切回来——这些时刻都得主动干预 hide/show，否则就是悬空弹层或内存泄漏。Layui 没有内置表格场景的生命周期钩子，这部分得自己兜底。
