必须用 range: true 绑定单个 input 实现日期范围联动，而非两个独立控件；正确拆分 value、校验空值、动态 setOptions 更新 min/max，并统一格式传参。
工具栏里加日期范围控件，必须用 range: true 而不是两个独立控件
直接在工具栏里放两个 <input> 并分别调 laydate.render()，结果就是两个互不感知的单日期控件——选完左边，右边还是当前月，根本没法联动。真正生效的方案是：只绑一个 elem（比如 #toolbar-date-range），然后配 range: true。
常见错误是误以为“工具栏空间小就该拆开”，其实 laydate 的双面板模式天然支持紧凑布局，只要 DOM 结构干净就行：
-
elem必须指向一个真实存在的<input>，不能是父容器 - 输入框不要设
value或readonly，否则初始化时可能跳过解析 - 若 UI 要求显示“至”字，直接写
range: '至'，别手动拼字符串——'至 '（带空格）会导致解析失败 - 分隔符只影响输入框显示和回填值，不影响面板逻辑，
type: 'time'下也照样生效
done 回调里拆分 range 值再传给 table.reload()
done 是唯一可靠的触发点：用户点确定、回车或失焦后才执行，此时 value 已是格式化后的完整字符串（如 "2026-06-01至2026-06-30"）。但千万别直接把整个 value 当作一个参数塞进 where——后端接口几乎都要求 startTime 和 endTime 两个字段。
正确做法是手动拆分并校验：
- 用
value.split('至')得到数组，.map(s => s.trim())清空首尾空格 - 加判断
if (parts.length !== 2) return，避免用户手输非法内容导致脚本中断 - 确保
table实例已初始化，别在layui.use外部直接调table.reload() - 搜索时重置页码：
page: { curr: 1 }，不然翻页后搜出的结果可能错乱
起止日期动态联动，靠 setOptions 不是 disabledDate
用户选了开始日期，结束日期的最小可选值就得同步更新；反之亦然。这时候用 disabledDate 是无效的——它只禁用单日，不改变 min/max 边界，也不会触发另一侧重绘。
真正要做的，是在一个控件的 done 里调另一个实例的 setOptions：
- 先保存两个 laydate 实例引用，比如
startIns和endIns - 在
startIns的done里：endIns.setOptions({ min: value }) - 注意
value必须是符合格式的字符串（如"2026-06-15"），不能传date对象 - 移动端频繁调
setOptions可能闪屏，建议加 100ms 防抖
后端接收时间范围，前端别传空字符串
用户没选日期时，value 是空字符串，如果直接塞进 where，后端可能当成有效条件查出空结果，甚至 SQL 报错。
构建 where 参数必须过滤空值：
- 声明空对象：
const params = {} - 只对非空
value赋值：if (value) { const [start, end] = value.split('至').map(s => s.trim()); if (start && end) { params.startTime = start; params.endTime = end; } } - 日期格式要和后端约定一致（比如
YYYY-MM-DD），别混用/和- - 若后端需要时间戳，用
new Date(start).getTime()转，但多数场景字符串就够了
分隔符、联动逻辑、空值处理这三点漏掉任何一环，搜索功能就容易半途失效——尤其 range: '至' 看似简单，但多一个空格就让整个 range 解析失败，这种细节最容易被忽略。
