最稳定方案是通过两个独立 laydate.render 实例的 done 回调动态互设 config.min/config.max，避免 range: true 的范围失效问题，并需服务端二次校验。
laydate.render 配置 min/max 实现日期联动
直接在两个 laydate.render 实例间通过 config.min 和 config.max 动态互锁，是最稳定、不依赖表单验证的方案。核心是：选完一个日期后，立刻更新另一个控件的可选边界。
常见错误是只设一次 min: '2026-01-01'，这仅作用于初始化，无法响应用户后续修改；或误用字符串格式（如 min: '2026-01-01 00:00:00'）导致时间部分被忽略。
-
start的done回调里，把end.config.min设为所选日期对象（注意month是 0 起始，要减 1） -
end的done回调里，把start.config.max同样设为所选日期对象 - 若使用
type: 'datetime'，需显式补全hours/minutes/seconds，否则默认为 0，可能造成“选了 10:00，但 end 最小却卡在 00:00”
value 格式和 range 模式下 min/max 失效问题
如果用了 range: true 渲染单个输入框（如 laydate.render({ elem: '#range', range: true })），min 和 max 参数对整体范围无效——它只约束左右两个子面板各自的初始可选范围，不阻止用户先点右边再点左边选更早日期。
此时必须放弃 range: true 的“双面板”模式，改用两个独立控件 + 手动联动，否则无法真正保证 “结束 ≥ 开始”。
- 不要依赖
min/max字符串值来约束范围选择器 -
value必须严格匹配分隔符，比如range: ' ~ '时，value: '2026-07-01 ~ 2026-08-01'，否则初始化失败 - 若坚持用
range: true，只能靠done回调手动校验返回的字符串，并用layer.msg提示或input.val('')清空重填
表单提交前的二次校验不能省
前端联动只是体验优化，用户仍可通过手动输入、粘贴、禁用 JS 等方式绕过限制。服务端必须做日期比较，且前端也应加一道保险。
layui 表单验证适合做兜底，但注意：它只在 form.on('submit') 或主动调用 form.verify() 时触发，不会实时拦截。
- 定义自定义验证规则，如
form.verify({ dateRange: function(value, item){ ... } - 校验逻辑里用
new Date().getTime()做比较，避免字符串比大小（'2026-08-02' > '2026-08-10'会返回true） - 别忘了检查空值：用户清空一个输入框后，另一个仍保留旧值，此时不应报错
动态最小日期（如“30天前”）怎么算
layui 的 min 不支持函数或实时表达式，所以不能写 min: new Date(Date.now() - 30 * 24 * 60 * 60 * 1000)。必须转成标准对象格式。
正确做法是在初始化前先算好基准日期对象，再传给 min 或 config.min：
function getDaysAgo(days) {
const d = new Date();
d.setDate(d.getDate() - days);
return { year: d.getFullYear(), month: d.getMonth(), date: d.getDate() };
}
// 然后 start.config.min = getDaysAgo(30);
注意：getDaysAgo(0) 是今天，但若想“最大只能选今天”，应设 max: 0（layui 支持数字快捷写法），它会自动转换为当天对象。
跨月计算容易出错，比如 3 月 1 日减 30 天，不能简单 month - 1，要用 Date 对象自身处理。
