如何配置Bootstrap DatePicker仅启用今日至72小时内的日期

我明白你的需求啦——已经搞定了禁用过往日期，现在要把可选范围缩到今日到未来72小时（也就是额外2天），只让这三天的日期可点击。其实只需要给Datepicker加个endDate参数就行，我给你整理好完整代码：

完整实现代码 #

jQuery 部分 #

$(function() {
  // 获取当前日期（今日）
  var today = new Date();
  // 计算未来72小时对应的日期：今日加2天
  var maxAllowedDate = new Date();
  maxAllowedDate.setDate(today.getDate() + 2);
  
  $('.date').datepicker({
    startDate: today, // 禁用今日之前的所有日期
    endDate: maxAllowedDate // 禁用2天后的所有日期
  });
});

HTML 部分 #

<input class="date" data-provide="datepicker">

效果验证 #

就像你举的例子：如果今日是01/05/2018（MM/dd/yyyy），那么：

• startDate设为05号，会禁用5号之前的所有日期
• endDate设为05+2=07号，会禁用7号之后的所有日期
  最终只有05、06、07号这三天是可点击启用的，完全符合你的需求。

小提示 #

Bootstrap Datepicker的startDate和endDate参数支持直接传入Date对象，框架会自动处理日期范围的禁用逻辑，不用额外写复杂的判断啦~

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