Bootstrap datepicker自定义format后endDate失效如何禁用未来日期

云上老周

2026-10-5

问题根因

你自定义format的toDisplay方法用了UTC时间格式化日期，但原有toValue方法用的是本地时间构造Date对象，日期时区基准不统一，导致datepicker内部的日期范围校验逻辑出现偏差
endDate: '+0d'默认解析为本地时间的当日日期，和你UTC转换后的日期可能存在跨天的情况，导致校验规则不匹配
现有toValue方法没有兼容入参本身就是Date对象的场景，datepicker内部在校验时会传入Date类型的参数，直接用moment(date).format('YYYY-MM-DD')再转本地时间Date，会丢失时区信息导致日期错误

可行解决方案

方案：统一时区基准，显式指定endDate为UTC当日日期

无需移除自定义format相关逻辑，修正后的代码如下：

// 替换为你实际使用的格式化规则
const format1 = 'YYYY-MM-DD';
// 计算UTC时间的今日日期作为endDate基准
const utcToday = new Date();
utcToday.setUTCHours(0, 0, 0, 0);

$("SELECTOR").datepicker({
  autoclose: true,
  todayHighlight: true,
  format: {
    toDisplay: function (date, format, language) {
      // 保留原有的UTC格式化逻辑
      return moment(date).utc().format(format1);
    },
    toValue: function (date, format, language) {
      // 兼容Date类型入参，适配datepicker内部校验逻辑
      if (date instanceof Date) {
        return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
      }
      // 字符串类型日期统一按UTC基准转换
      const dateMoment = moment(date, format1);
      return new Date(Date.UTC(dateMoment.year(), dateMoment.month(), dateMoment.date()));
    }
  },
  language:"en",
  // 替换+0d字符串，直接传入UTC当日日期作为endDate
  endDate: utcToday
});