如何使用BootStrap datepicker禁用过去的日期和周末?

时间:2016-11-12 10:03:49

标签: jquery twitter-bootstrap

我有一个带有type="date"的BS输入,而我想要做的就是禁用我日历中的过去几天和周末。我尝试了很多在互联网上发现并由我发明的代码片段,但没有任何效果,可能是因为我不了解如何让它们发挥作用。

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

这是我的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>

2 个答案:

答案 0 :(得分:1)

请尝试以下操作,它将指示最短日期和时间。周末禁用此控件。

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

答案 1 :(得分:0)

您可以设置如下的开始数据:

null

并且任何你想要的日子都可以解决这个问题:

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

$('#date').datepicker({ 
    startDate: date
});
相关问题