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

作者:开源拾贝

时间:2026-10-23

浏览:325

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

文章目录

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

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

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

解决方案与操作步骤

解决思路:

1. 移除 lay-key 属性。

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

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

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章