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

如何在Bootstrap datepicker中禁用未来日期并限定本年范围

如何在Bootstrap Datepicker中禁用未来日期并限定本年范围

当然可以实现这个需求!你只需要调整Bootstrap Datepicker的两个核心参数——startDate和endDate——就能精准限定可选日期范围为2018-01-01到当前日期,同时禁用所有未来日期。

你之前的代码是用来禁用过去日期的,现在我们把参数反过来配置就好:

$('.date_time_picker .date_disp input').datepicker({
    format: "yyyy-mm-dd",
    startDate: "2018-01-01",  // 限定可选日期从2018年1月1日开始
    endDate: "0d"              // 禁用当前日期之后的所有未来日期
});

参数细节说明:

  • startDate: "2018-01-01":直接指定可选日期的起始边界,2018年1月1日之前的日期会被灰化锁定,无法选择,正好满足你“仅显示本年日期”的要求。
  • endDate: "0d":这里的0d是相对当前日期的简写,代表“今天”,所有晚于今日的日期都会被自动禁用。如果你偏好更动态的写法,也可以换成endDate: new Date(),效果完全一致。
  • 保留你原本设置的format: "yyyy-mm-dd",能确保日期的显示和提交格式符合业务预期。

测试这个配置后,你会发现日期选择器里只能选择2018年1月1日到当前日期的范围,未来日期全部不可选,完美匹配你的需求!

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.05.27 09:55:10