禁用周末 - bootstrap datepicker

时间:2016-11-11 18:20:17

标签: jquery twitter-bootstrap datepicker

我试图让我的引导日期选择器输入处于非活动周末。

我试过了:

$(function() {
   $('#datepicker').datepicker({
       beforeShowDay: $.datepicker.noWeekends
   });
});

这也是:

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

可悲的是,没有一个有效。

以下是我的BS的样子:

<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>

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:3)

我没有尝试在JS中提供daysOfWeekDisabled选项,但是当我使用数据属性版本时,它确实对我有效。你可以尝试:

<input type="date" class="form-control" id="datepicker" data-date-days-of-week-disabled="0,6">