Layui datepicker 默认支持跨月选范围，只需 mode 和 type 设为 'date'，禁用 showBottom: false 或 trigger 干扰；range 模式下 value 格式由 range 配置决定，endDate 参数仅 range 下有效。
layui datepicker 跨月选范围根本不需要特殊处理
默认的 laydate.render() 就支持跨月选择，只要 mode 设为 'date' 且 type 为 'date'（默认值），用户点选开始日期后，日历会自动保持打开状态，继续点选任意后续月份的结束日期即可。所谓“不能跨月”通常是配置或使用方式有误。
必须关闭 showBottom 或确保未启用 trigger 干扰
某些自定义封装中强行设置了 showBottom: false，或用 trigger 绑定在非 input 元素上，会导致日历在选完起始日就立即关闭，无法继续选结束日。真实生效的最小配置如下：
<pre class="brush:php;toolbar:false;">laydate.render({
elem: '#test1',
format: 'yyyy-MM-dd',
// 不要写 showBottom: false
// 不要给 input 外层元素加 trigger: 'click'
done: function(value, date, endDate) {
console.log('完整范围：', value); // 例如 "2024-03-15 - 2024-05-20"
}
});range 模式下日期格式和分隔符受 <code>format 和 range 值共同影响
如果你看到返回值是两个独立日期（如 ["2024-03-15", "2024-05-20"]），说明你用了 range: true；如果是一串带空格和短横线的字符串（如 "2024-03-15 - 2024-05-20"），说明你用了 range: '-' 或类似分隔符。关键点：
-
range: true→ 返回数组，done回调的value是字符串，endDate是结束日期对象 -
range: ' ~ '→value是带~的字符串，endDate仍可用 - 无论哪种，跨月、跨年都天然支持，无需额外逻辑
移动端或 iframe 环境下点击失效？检查 position 和 zIndex
跨月选择本身不依赖 DOM 位置，但若日历面板被遮挡或点击区域错位（尤其在嵌套 iframe 或 fixed 布局里），用户看似“点了没反应”，其实是面板没收到事件。此时应：
- 显式设置
position: 'absolute'（默认值，但某些 CSS 重置会覆盖） - 增大
zIndex，比如zIndex: 999999 - 避免在
body外渲染日历（即不要把elem指向 shadow DOM 或 iframe 内节点）
真正容易被忽略的是：done 回调里的 endDate 参数只在 range 模式下有意义，而很多人只看 value 字符串却没解析分隔符，导致跨月范围取值出错。
