必须显式设置range: true开启范围模式，单个input即可自动拆分为双日期控件；若只写input不设range则仅支持单日选择；自定义分隔符如“至”可直接设range: '至'；值需在done回调中通过date[0]和date[1]获取，不可依赖input.value。
laydate 日期范围选择怎么初始化
必须用 range 参数开启范围模式，且不能只靠单个 input 元素——layui 要求两个输入框（起始 + 结束），或一个带 range: true 的 input（内部会自动拆成双输入）。常见错误是只写一个 input 却没设 range，结果只能选单日。
实操建议：
- HTML 中用单个
<input id="dateRange">即可，无需手动写两个框 - JS 初始化时必须显式传
range: true，否则laydate.render()默认当单日期处理 - 若需自定义分隔符（比如用“至”代替默认的“-”），加
range: '至'
laydate.render({
elem: '#dateRange',
range: true, // 必填！否则不生效
format: 'yyyy-MM-dd'
});
如何获取选中的起止日期值
用户选择后，laydate 不会自动把值塞进 input.value 里——它只负责弹层交互，值要靠监听事件手动提取。很多人以为选完就能直接读 value，结果拿到的是空字符串或旧值。
实操建议：
- 监听
done回调，在里面用date参数取值：date[0]是开始时间，date[1]是结束时间（都是 Date 对象） - 如果需要字符串格式，用
laydate.now(0, 'yyyy-MM-dd')或自己格式化，别依赖input.value的原始内容 - 注意：若用户只选了开始日期、没选结束，
date[1]是undefined，得判空
laydate.render({
elem: '#dateRange',
range: true,
done: function(value, date, endDate) {
console.log('开始：', date[0]); // Date 对象
console.log('结束：', date[1]); // 可能为 undefined
}
});
日期范围校验的坑在哪
前端校验不是简单比大小——要考虑时间精度、格式一致性、以及 LayUI 自身对 min/max 的限制。最常踩的坑是：设了 min: '2024-01-01'，但用户输入了 2024-01-01 到 2024-01-01 却提示“开始不能大于结束”，其实是毫秒级时间戳比较导致的误差。
实操建议：
- 校验逻辑必须在
done里做，不能等表单提交时再读input.value——因为用户可能手动删改输入框内容，绕过 laydate 控制 - 比较起止时间时，用
date[0].getTime() ，避免字符串比较（如 <code>'2024-1-1' > '2024-10-1'会错） - 若需限制最小跨度（比如至少选 3 天），计算差值用
(date[1].getTime() - date[0].getTime()) / (1000 * 60 * 60 * 24) >= 3
为什么设置 min/max 后范围选择失效
min 和 max 在 range 模式下只约束单个日期，不自动约束范围区间。比如设了 min: '2024-01-01'，用户仍可选 2023-12-31 到 2024-01-02——因为结束日期合法，laydate 不管起始是否越界。
实操建议：
- 想限制整个区间，必须在
done回调里手动校验：date[0] && date[1]都得落在允许范围内 - 若要动态限制（比如结束日期不能早于开始日期），不能只靠
min，得结合trigger事件重置另一个面板的min/max - LayUI 2.8+ 支持
ready回调，可在初始化后调用laydate.getNowDate()获取当前实例，但不推荐用它做实时联动，容易触发死循环
真正难的不是写代码，而是意识到 laydate 的 range 模式本质是两个独立日期控件的协同——所有边界逻辑都得自己兜底，框架只管弹窗和基础赋值。
