laydate面板因页面卸载而消失，非其主动关闭；需用history.pushState+popstate监听实现后退提示，或用beforeunload事件阻止未完成操作离开。
layui 的 laydate 面板本身不响应浏览器后退键（history.back()），所谓“被后退键关闭”，其实是页面整体跳转导致面板 DOM 被销毁——不是 laydate 主动关的，而是整个页面卸载了。真正要解决的，是「用户在日期面板打开时点后退，导致未完成操作就离开」的问题。
为什么后退键会让 laydate 面板消失
laydate 浮层（.layui-laydate）是追加到 document.body 下的临时 DOM，不随页面路由状态保存。一旦触发 history.back() 或其他导航，当前页面 unload，所有动态插入的浮层自然被清除。这不是 bug，是浏览器标准行为。
常见误判：以为是 laydate 监听了 popstate 并主动 hide —— 实际上它根本没监听这个事件。
阻止后退的关键不在 laydate，而在 history 状态管理
要让用户点后退时不离开当前页，得在面板打开时主动 push 一个空状态，并拦截 popstate 做提示或阻断。laydate 本身不提供该能力，需手动补足：
- 在
ready或点击触发面板前，调用history.pushState({ laydateOpen: true }, '') - 监听
window.addEventListener('popstate', e => { ... })，检查e.state?.laydateOpen - 若为 true，弹出
layer.msg('日期选择未完成，确定要离开？')或confirm，并根据用户选择决定是否history.forward() - 注意：不能直接
event.preventDefault()阻止 popstate，这是无效的；必须靠二次确认 + 前进补偿
更现实的替代方案：自动保存 + 提示
比起强行拦截后退（体验差、移动端不可靠），更稳妥的做法是：
- 在
change回调里实时更新输入框值，并存入localStorage或临时变量 - 监听
beforeunload事件：window.addEventListener('beforeunload', e => { if ($('.layui-laydate').length) { e.returnValue = '日期尚未确认，确定要离开？'; } }) - 注意：
beforeunload在 Chrome 98+ 后仅显示通用提示，无法自定义文案，但能有效打断误操作 - 如果用了
showBottom: false且依赖 change 即关，那面板打开期间用户其实已无“确认”动作，此时beforeunload就是最后一道防线
真正容易被忽略的是：后退键问题从来不是 laydate 的职责范围，强行在它内部 hook popstate 不仅无效，还会干扰 SPA 路由。把控制权交还给 history API 和页面生命周期，才是稳定解法。
