Hey，我看你在用Bootstrap Datepicker的月份视图时，遇到了最大日期不包含的问题——这事儿我之前也踩过坑，核心原因是你构造maxDate时的月份索引逻辑有点小问题，导致实际的截止日期并没有覆盖到你想要的明年12月。

问题出在哪？ #

你原代码里这段构造maxDate的逻辑：

maxDate = new Date();
maxDate.setFullYear(maxDate.getFullYear() + 1);
maxDate.setMonth(12); // 这里踩坑了！月份是0-based的（0=1月，11=12月）
maxDate.setDate(0);
maxDate.setHours(23,59,59);

setMonth(12)会触发自动进位：比如当前是2024年，执行后年份会变成2026年，月份跳转到0（也就是1月），再执行setDate(0)会得到2025年12月31日——看起来结果是对的，但Bootstrap Datepicker在月份视图下，会把选中的月份映射为该月的第一天（比如选"December 2025"对应2025-12-01），而它的日期判断逻辑有时候会忽略时分秒，或者因为这种间接构造的日期存在隐性的时间差，导致无法识别这个月份是允许的。

修正后的代码（直接、清晰） #

咱们换一种更直观的方式构造日期，避免索引误解：

// 最小日期：当前月份的1号，重置时分秒避免干扰
const minDate = new Date();
minDate.setDate(1);
minDate.setHours(0, 0, 0, 0);

// 最大日期：明年12月31日的最后一刻，直接指定更靠谱
const maxDate = new Date();
const targetYear = maxDate.getFullYear() + 1;
// 11是12月的索引，直接指定31号，再设置时分秒毫秒
maxDate.setFullYear(targetYear, 11, 31);
maxDate.setHours(23, 59, 59, 999);

// 初始化开始日期选择器
$('#startDateInput').datepicker({
    format: "MM yyyy",
    viewMode: "months",
    minViewMode: "months",
    startDate: minDate,
    endDate: maxDate
});

// 初始化结束日期选择器，复用相同配置
$('#endDateInput').datepicker({
    format: "MM yyyy",
    viewMode: "months",
    minViewMode: "months",
    startDate: minDate,
    endDate: maxDate
});

为什么这样能解决问题？ #

• 正确使用月份索引：用11表示12月，彻底避免setMonth(12)带来的年份进位问题，逻辑一目了然。
• 直接指定目标日期：不用绕弯子用setDate(0)获取上月最后一天，直接设置31号，减少出错概率。
• 精准控制时间节点：给minDate重置时分秒，确保是当月1号的起始时刻；给maxDate加上毫秒，确保是当月最后一刻，让日期选择器的判断逻辑不会因为时间精度问题“卡壳”。

这样调整后，你再选明年12月的时候，日期选择器就能正确识别这个月份在允许范围内啦！

内容的提问来源于stack exchange，提问作者Novice