<p>laydate 的 value 必须严格匹配 format 格式，否则默认值不显示；range 模式需两端时间合法且分隔符为“ - ”；多实例需 each 遍历初始化，推荐用 new Date() 或 toISOString() 生成标准时间字符串。</p>
value 参数必须严格匹配 format 格式，否则默认值不显示
laydate 不会自动解析或容错你传的字符串时间——比如 format: 'yyyy-mm-dd hh:mm:ss' 时，value: '2026-03-16' 就无效；必须写成 value: '2026-03-16 00:00:00' 才能渲染成功。
常见错误现象：控件打开后空白、placeholder 还在、控制台无报错但就是不填值。
- 用
new Date()最省心，它天然适配所有type（'date'、'datetime'、'time'） - 若用字符串，建议统一用
toISOString().slice(0, 19).replace('T', ' ')生成标准格式（如"2026-03-16 21:51:00"） - PHP 模板中嵌入时注意引号转义：
value: "{:date('Y-m-d H:i:s', time())}"
range 模式下设默认时间段，别只靠 value 字符串拼接
想让范围选择器一打开就默认选中“今天 00:00:00 至 23:59:59”，光写 value: '2026-03-16 00:00:00 - 2026-03-16 23:59:59' 是不够的——laydate 要求两端时间都合法且符合 format，且中间分隔符必须是空格+短横+空格（' - '），不能是中文破折号或连字符。
- 推荐动态构造：
value: new Date().toJSON().slice(0,10) + ' 00:00:00 - ' + new Date().toJSON().slice(0,10) + ' 23:59:59' - 如果结束时间固定为当天 23:59:59，但开始时间要可调，建议用
ready回调 + 手动触发时间面板（见下一条） -
max和min对 range 的两个输入框分别生效，不是全局限制
想让结束时间默认为 23:59:59？别硬点 DOM，用 ready + done 更稳
网上流传的用 $(".laydate-main-list-1 ...").click() 模拟点击来选中最后一秒的做法，极易失效——Layui 版本一升级、DOM 结构微调、异步加载延迟，就会点错位置或找不到元素。
真正可靠的方式是在 ready 钩子中获取当前日期对象，再用 done 回调同步更新另一个输入框：
laydate.render({
elem: '#range',
type: 'datetime',
range: true,
format: 'yyyy-MM-dd HH:mm:ss',
ready: function() {
// 初始化时把结束时间设为今天 23:59:59
const today = new Date();
today.setHours(23, 59, 59, 0);
$('#range').val($('#range').val().split(' - ')[0] + ' - ' + layui.util.toDateString(today, 'yyyy-MM-dd HH:mm:ss'));
},
done: function(value, date, endDate) {
if (value && value.includes(' - ')) {
const [start, end] = value.split(' - ');
if (!end || end.trim() === '') {
const d = new Date(start);
d.setHours(23, 59, 59, 0);
$(this.elem).val(start + ' - ' + layui.util.toDateString(d, 'yyyy-MM-dd HH:mm:ss'));
}
}
}
});多个相同 class 的 input 初始化失败？必须 each 循环 render
直接写 elem: '.filter-time' 只会让第一个匹配元素生效，这是 laydate 内部实现机制决定的——它不支持批量绑定，也不做 NodeList 遍历。
错误现象：页面有 3 个 class="filter-time" 的输入框，只有第一个能点开日历，其余点击无反应。
- 正确做法：用 jQuery 或原生
querySelectorAll遍历，每个都单独laydate.render({elem: element}) - 不要在循环里重复
layui.use，只在外层调一次 - 避免在 AJAX 动态插入后忘记重新初始化（需手动调
laydate.render）
laydate 初始化看似简单，但 value 格式、range 分隔逻辑、多实例绑定、以及时间精度（尤其是 23:59:59 这种边界值）几个点，稍不注意就会卡住一整天。最稳妥的路径是：用 new Date() 或 toJSON() 生成时间字符串，用 ready 和 done 做二次修正，对多个控件坚决不用 class 简写。
