如何使用 BootStrap 日期选择器禁用过去的日子和周末？答案

【问题标题】：How to disable past days and weekends with BootStrap datepicker?如何使用 BootStrap 日期选择器禁用过去的日子和周末？
【发布时间】：2016-11-12 10:03:49
【问题描述】：

我有一个带有 type="date" 的 BS 输入，我要做的就是在我的日历中禁用过去的日子和周末。我尝试了许多在互联网上找到并由我发明的 sn-ps 代码，但没有任何效果，可能是因为我不了解如何使它们工作。

所以请帮忙。任何提示将不胜感激。

这是我的html：

<div class="form-group">
   <label class="control-label col-sm-2" for="date" ">Date:</label>
   <div class="col-sm-2">
      <input type="date" class="form-control" id="datepicker">
   </div>
</div>

【问题讨论】：

stackoverflow.com/questions/21396605/…

标签： jquery twitter-bootstrap

【解决方案1】：

尝试以下，它将在此控件中指示最小日期和周末禁用。

 $(function() {
      $( "#datepicker" ).datepicker({
        beforeShowDay: $.datepicker.noWeekends,
        minDate : 'now'
     });
 });

【讨论】：

这对你有用吗？因为我试过了，它不起作用。我只是想知道我做错了什么..

【解决方案2】：

你可以这样设置起始数据：

var date = new Date();
date.setDate(date.getDate()-1);

$('#date').datepicker({ 
    startDate: date
});

并在您想要的任何一天禁用：

$('#datepicker').datepicker({
    daysOfWeekDisabled: [0,6]
});

【讨论】：