laydate实例未销毁会导致弹窗关闭后点空白处仍弹出日历、输入框失响应及控制台报“Cannot read property 'remove' of null”错误，根本原因是Layui无自动销毁机制且layer.close()不清理laydate实例。
laydate 实例没销毁会导致什么
弹窗关闭后点空白处仍弹出日历、输入框失去响应、控制台报 Cannot read property 'remove' of null，根本原因就是 laydate 实例残留。Layui 没有自动销毁机制，layer.close() 只删 DOM，不碰 laydate 实例——两者生命周期完全独立。
销毁前必须先拿到实例引用
laydate.getInst() 是唯一可靠入口，但它只接受原生 DOM 元素，不能传选择器字符串或 jQuery 对象。传错就返回 undefined，后续 .remove() 直接报错。
- 正确：用
document.getElementById('start-date')或elem（渲染时传入的那个 DOM 节点） - 错误：传
'#start-date'、$('.date-input')[0]（jQuery 对象需加[0]才是原生元素） - Vue/React 中必须在
onUnmounted或useEffect cleanup里调用，不能等到layer.end再找——那时 DOM 已被移除，getInst()找不到目标
销毁要三步一起做，缺一不可
只调 inst.remove() 不够，残留的属性会干扰下一次渲染：
- 调用
inst.remove()清理事件和面板 - 手动清除 DOM 上的
lay-key属性：el.removeAttribute('lay-key') - 手动清除
layui-laydate-id属性：el.removeAttribute('layui-laydate-id')
漏掉后两步，下次对同一元素调 laydate.render() 会静默失败，或者出现「点击无反应」「日期范围约束错乱」等诡异问题。
layer 弹窗关闭时怎么安全触发销毁
layer.open() 的 end 回调是最后机会，但此时 DOM 还在，可操作；而 cancel 或 yes 里不一定能保证实例还活着——比如用户狂点关闭按钮，实例可能已被提前清理。
- 推荐在
end里统一销毁：end: function() { clearDateInstance('#start-date'); clearDateInstance('#end-date'); } -
clearDateInstance函数内部先用document.querySelector(sel)拿 DOM，再laydate.getInst(el)?.remove()，然后删两个属性 - 如果弹窗内容是 iframe（
type: 2），父页的end无法直接访问子页里的laydate实例，得让子页自己暴露销毁函数并由父页主动调用
最易忽略的是：多个日期控件共用一个 class 时，遍历销毁必须确保每个 el 都真实存在且未被移除，否则 getInst() 返回 null，.remove() 会报错——加个可选链 ?.remove() 更稳妥。
