解决Layui Laydate时间控件点击后一闪而过的bug

作者:开源拾贝时间:2026-10-23 11:36:25浏览:326

本文分析Layui Laydate时间控件在多次重载或切换页面时,因ID绑定冲突导致点击后弹窗一闪而过的现象。通过移除lay-key属性并在每次加载页面时重新绑定时间控件,可有效解决该问题,确保日期选择功能正常显示。

Laydate时间控件一闪而过问题描述

问题现象:当页面多次重载时间控件,且涉及不同页面时,容易出现时间控件绑定冲突。具体表现为控件已被绑定,但又被其他ID的时间控件覆盖,随后又重新绑定,导致点击日期输入框时,弹出的日期选择框瞬间消失(一闪而过)。若从其他弹窗切换回来,该功能又恢复正常。

Laydate时间控件一闪而过问题描述

解决方案与操作步骤

解决思路:

1. 移除 lay-key 属性。

2. 在每次加载对应页面时,重新执行时间控件的绑定操作。

以上即为解决 Layui Laydate 时间控件一闪而过问题的完整方案,供开发者参考。

作者最新文章