Layui laydate设置默认选中时间范围

使用 laydate 进行日期范围选择时，开发者常会遇到几个隐藏问题。最关键的一点是：value 字符串的格式必须与 format 完全一致，且分隔符必须使用 ' - '（空格 + 短横 + 空格）。如果格式不匹配，laydate 会静默忽略预设的范围值，直接回退到当前时间，这种“静默失败”现象难以排查。

value 字符串格式必须与 format 严格对齐

使用 value 传递合法字符串时，起始和结束时间都必须与 format 保持一致，分隔符不可随意更改。

例如，当 format 设置为 'yyyy-MM-dd HH:mm:ss' 时，value 必须写成 "2026-04-02 00:00:00 - 2026-04-02 23:59:59"。中间三个字符——空格、短横、空格——缺一不可，不能替换为中文“至”、全角破折号或省略空格的连字符。

• 错误示例："2026-04-02 00:00:00–2026-04-02 23:59:59"（使用全角破折号，导致解析失败）
• 错误示例："2026-04-02 00:00:00-2026-04-02 23:59:59"（缺少空格，同样无法识别）
• 错误示例："2026-04-02 - 2026-04-02"（format 要求包含时分秒，仅提供日期无法通过校验）

laydate 对字符串格式有严格约束，任何偏差都会导致值被忽略。

type 参数设置错误会导致功能失效

即使 format 中写明了 'yyyy-MM-dd HH:mm:ss'，若 type 设置为 'date'，选择后时分秒会被自动归零，相当于时间部分无效。而 type: 'time' 仅支持选择单纯的时间段（如 "08:30:00 - 17:45:00"），不包含日期信息，用于日期范围选择时会导致报错或数据截断。能够同时承载日期、时间和范围功能的唯一类型是 type: 'datetime'。

动态设定当天 00:00:00 至 23:59:59 的安全写法

避免手动拼接字符串并调用 new Date()，这种做法容易因时区问题导致时间偏差 8 小时。推荐使用 new Date() 构造当天的起止时间，再转换为标准字符串：

const now = new Date();
const start = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0);
const end = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59);

const valueStr = `${start.toISOString().slice(0, 19).replace('T', ' ')} - ${end.toISOString().slice(0, 19).replace('T', ' ')}`;

laydate.render({
  elem: '#range',
  type: 'datetime',
  format: 'yyyy-MM-dd HH:mm:ss',
  value: valueStr
});

• toISOString() 可绕过本地时区，生成稳定的 UTC 时间字符串，再通过切片替换处理，结果可靠
• 手动构造 start 和 end 比使用 setHours(0,0,0) 更稳妥，可避免跨天或夏令时带来的问题
• 如果项目中已引入 moment 或 dayjs，也可使用 moment().startOf('day').format(...) 实现同样效果，laydate 本身不依赖这些库

联动更新范围后必须执行 ins.reload()

当存在“发起时间从”和“发起时间至”两个日期选择器时，例如前者选择了 2026-04-01，希望后者 min 值同步更新。许多开发者只修改了 ins.config.min = '2026-04-01'，但这仅改变了内存中的对象，日历面板 UI 不会自动刷新。

• 正确操作：获取实例 ins，修改 ins.config.min 后，立即执行 ins.reload()
• 较老版本的 laydate 可能不支持 reload()，此时需使用 ins.destroy() 重建实例，但这会导致焦点丢失和已填写值被清空
• 如果在 done 回调中修改另一个实例的 min/max，该实例同样需要执行 reload()，否则更新不会生效

总结

value 字符串中的时间精度必须与 format 完全对齐——差一秒、少一位、多一个空格，laydate 都会将其视为无效值。组件不会报错或给出提示，而是静默回退到当前时间，给排查带来很大困难。