多个 laydate 实例需各自绑定唯一 DOM 元素，避免共用选择器导致覆盖；配置可复用但 value、done 等回调须独立绑定；IE11 下需注意定位问题；Vue/React 中须手动调用 picker.remove() 销毁实例以防内存泄漏。
laydate 渲染多个实例时重复绑定失效
多个 laydate 实例不能共用同一个 elem 选择器，否则后初始化的会覆盖前一个，导致只有最后一个可交互。本质是 laydate 内部对 dom 元素做了单次绑定，重复调用 laydate.render() 且目标元素相同时，旧实例未被销毁。
- 每个日期输入框必须有唯一
id或独立 class，渲染时传入各自对应的elem - 避免写成
laydate.render({ elem: '.date-input' })这种批量选择器——它只会绑定第一个匹配元素 - 正确做法是遍历所有目标元素，为每个单独调用
laydate.render()，例如：document.querySelectorAll('.date-input').forEach(el => { laydate.render({ elem: el }); });
多个实例共享配置但需要独立值控制
全局配置（如格式、最小日期）可以复用，但每个实例的 value、done、change 等回调必须按需绑定，否则容易互相干扰，比如一个框选日期后触发了另一个框的逻辑。
-
value参数必须显式传入当前输入框的值，不要依赖 input 的默认 value（尤其表单重置后） -
done回调里拿不到“当前是哪个实例”，需通过闭包或elem属性识别：laydate.render({ elem: '#start-date', done: function(value, date, endDate) { document.getElementById('end-date').setAttribute('data-min', value); } }); - 如果两个日期有关联（如起止时间），用
data-属性暂存约束条件，比全局变量更安全
IE11 下多个 laydate 实例点击错位或不弹出
IE11 对 position: fixed 和 z-index 的处理有缺陷，多个 laydate 同时存在时，日历面板可能被遮挡或定位偏移，尤其是页面有滚动或 iframe 场景。
- 确保每个
laydate的容器父级没有transform、perspective等触发新层叠上下文的 CSS 属性 - 在
render配置中强制指定position: 'absolute'，并给父容器加position: relative - 避免在
iframe内直接初始化多个实例；如必须，先确保 iframe 的document已就绪，再逐个 render
Vue/React 项目中动态增删日期控件时 laydate 销毁遗漏
在组件卸载或列表项删除时，若没手动清除 laydate 实例，残留的事件监听和 DOM 节点会导致内存泄漏，甚至下次渲染时点击空白处仍弹出旧日历。
- laydate 没有内置的 destroy 方法，需自己保存实例引用：
const picker = laydate.render({ elem: '#date1' }); - 销毁靠
picker.remove()（注意：这是实例方法，不是静态方法） - Vue 中可在
beforeUnmount、React 中在useEffect的清理函数里调用picker.remove() - 切勿只删 DOM 元素而不调
remove()，否则内部定时器和事件仍存活
