You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何配置MonthPicker禁用未来1个月的日期?

实现MonthPicker禁用未来1个月日期的解决方案

要实现禁用未来1个月的日期,你需要在datepicker配置中添加endDate参数,通过JavaScript计算出允许选择的最大日期。以下是修改后的代码:

// 计算允许选择的最大日期(当前日期往后推1个月)
var maxAllowedDate = new Date();
maxAllowedDate.setMonth(maxAllowedDate.getMonth() + 1);

$(".input-monthpicker-freezelastyear").datepicker({
    format: "mm-yyyy",
    viewMode: "months",
    minViewMode: "months",
    startDate: new Date(),
    endDate: maxAllowedDate, // 新增:限制最大可选日期为未来1个月
    autoclose: true
});

说明:

  • 上述代码中,maxAllowedDate通过setMonth()将当前月份加1,得到未来1个月的日期,作为可选的最大日期,超过这个日期的月份会被禁用。
  • 如果你的需求是仅允许选择当前月及之前的月份(即禁用所有未来月份),可以调整参数如下:
$(".input-monthpicker-freezelastyear").datepicker({
    format: "mm-yyyy",
    viewMode: "months",
    minViewMode: "months",
    startDate: "-1y", // 可选:允许选择过去1年的月份
    endDate: new Date(), // 禁用所有未来月份
    autoclose: true
});

关键参数解释:

  • endDate:设置日期选择器的最大可选值,支持Date对象、相对字符串(如"+1m"表示1个月后)或固定日期字符串。
  • startDate:设置最小可选值,若不需要限制最早日期,可移除该参数或设置为null。

内容的提问来源于stack exchange,提问作者Baba Ranjith

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.11 17:35:25