如何在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
相关产品推荐
相关产品推荐

