layui.datepicker 无法直接限制仅选每月1号或月末，需通过 disabledDates 函数动态禁用非首日/末日，并在 done 回调中校正非法输入日期。
如何用 layui.datepicker 限制只能选每月1号或月末
layui 的 laydate 不支持直接配置「仅允许选每月首日/末日」，必须靠 ready + change + disableddate 组合控制，且需手动计算月末日期（不能只写 new date(y, m+1, 0) 就完事——laydate 的禁用逻辑在渲染阶段就执行，此时还没触发用户交互）。
关键：用 disabledDates 返回动态禁用数组
laydate 的 disabledDates 选项接收一个函数，该函数接收 date 参数（Date 对象），返回 true 表示禁用当天。核心是判断：date.getDate() !== 1 && date.getDate() !== getLastDayOfMonth(date)。
注意：不能用 moment 或其他库，要纯 JS 计算月末——因为 laydate 渲染月视图时会为当月每一天调用该函数，必须轻量、无副作用：
function getLastDayOfMonth(d) {
const y = d.getFullYear();
const m = d.getMonth();
return new Date(y, m + 1, 0).getDate();
}实操建议：
- 把
disabledDates函数定义在laydate.render()外部，避免闭包累积 - 不要在函数里调用
laydate.getEndDate等异步或依赖实例的方法——它不接受 Promise，且此时实例可能未创建 - 如果启用了
range: true，需确保起止日期都满足规则，否则用户拖选会失败
日期变更后自动校正到最近合法日
用户仍可能通过输入框手动填入非法日期（如 2024-05-15），这时光禁用不够，得在 done 回调里拦截并重置：
done: function(value, date, endDate) {
if (!value) return;
const d = new Date(date);
const day = d.getDate();
const lastDay = getLastDayOfMonth(d);
if (day !== 1 && day !== lastDay) {
// 自动跳转到本月1号或月末（按离当前日更近者）
const diffToFirst = Math.abs(day - 1);
const diffToLast = Math.abs(day - lastDay);
const targetDay = diffToFirst <= diffToLast ? 1 : lastDay;
d.setDate(targetDay);
this.setValue(laydate.now(d, 'yyyy-MM-dd'));
}
}常见错误现象：
- 只做禁用但没做
done校正 → 用户粘贴非法日期后表单提交了脏数据 - 在
change里调用this.setValue()→ 触发无限循环（setValue → change → setValue…） - 用
new Date(date)解析 value 字符串 → 时区错乱（如传 '2024-05-15' 可能变成 5月14日）
兼容性与性能注意点
laydate v2.6+ 支持 disabledDates，v2.5.x 及更早版本不支持，必须升级；若无法升级，只能退化为用 mark + 自定义提示 + done 强制修正（体验较差）。
性能影响很小——每次渲染最多调用 42 次（6×7 日历格）disabledDates 函数，但务必保证该函数内无 DOM 查询、无 AJAX、无复杂循环。
容易被忽略的是：移动端 touch 事件下，用户长按快速滑动月份时，laydate 会高频触发 ready 和 change，此时 disabledDates 函数若包含 console.log 或 Date 构造过多，可能造成卡顿。
