Layui日期组件laydate如何限制只能选择本月日期-Layui教程-PHP中文网

必须动态计算本月首日和末日并格式化为'yyyy-MM-dd'字符串传给min/max，因laydate不支持函数或表达式；首日用new Date(year,month,1)，末日用new Date(year,month+1,0)，再手动拼接或toISOString().slice(0,10)格式化。

laydate 如何动态设置 min/max 为本月第一天和最后一天

直接结论：不能写死日期字符串，必须用 javascript 动态算出本月首日和末日，再传给 min 和 max。写死（比如 min: '2026-03-01'）会导致下个月失效，这是最常踩的坑。

原因很简单：laydate 的 min/max 支持字符串（如 '2026-03-01'）或时间戳，但不支持表达式或函数——你得自己算好再塞进去。

获取本月第一天：new Date(year, month, 1)（注意 month 是 0 起始）
获取本月最后一天：new Date(year, month + 1, 0)（利用“下月第 0 天”自动回退）
转成 laydate 要求的 'yyyy-MM-dd' 格式，推荐用 toISOString().slice(0,10) 或手动拼接

完整可运行代码示例（含格式化与兼容性处理）

以下代码在 Layui 2.9+ 中实测有效，适配当前时间（2026年3月22日），会自动锁定为 2026-03-01 至 2026-03-31：

layui.use('laydate', function(){
  var laydate = layui.laydate;
  var now = new Date();
  var year = now.getFullYear();
  var month = now.getMonth(); // 0 ~ 11
  var firstDay = new Date(year, month, 1);
  var lastDay = new Date(year, month + 1, 0);
  
  // 转成 '2026-03-01' 这种格式（避免 toLocaleDateString 兼容性问题）
  var fmt = function(d) {
    return d.getFullYear() + '-' + 
           String(d.getMonth() + 1).padStart(2, '0') + '-' + 
           String(d.getDate()).padStart(2, '0');
  };
  
  laydate.render({
    elem: '#date',
    format: 'yyyy-MM-dd',
    min: fmt(firstDay),
    max: fmt(lastDay),
    ready: function(){ this.hint('仅可选择本月日期'); }
  });
});