Bootstrap datetimepicker 禁用今天和周末前几天

Question

脚本

$(function () {
    $('#datetimepicker6').datetimepicker();
    $('#datetimepicker7').datetimepicker({
        useCurrent: false //Important! See issue #1075
    });
    $("#datetimepicker6").on("dp.change", function (e) {
        $('#datetimepicker7').data("DateTimePicker").minDate(e.date);
    });
    $("#datetimepicker7").on("dp.change", function (e) {
        $('#datetimepicker6').data("DateTimePicker").maxDate(e.date);
    });
});

我正在使用 bootstrap 日期时间选择器。如何使用 datetimepicker 禁用周末、public 假期和今天之前的所有过去几天？我似乎找不到任何文档或解决方案，而且我也不知道该怎么做。我的 public 假期在一个数组中。

Answer 1

这可能对你有帮助。

HTML

<br/>
<div class="row">
    <div class="col-md-12">
         <h6>Datetimepicker</h6>

        <div class="form-group">
            <div class="input-group date" id="datetimepicker">
                <input type="text" class="form-control" />  <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
            </div>
        </div>
</div>

JavaScript

$(function () {
     var date = new Date();
            var currentMonth = date.getMonth();
            var currentDate = date.getDate();
            var currentYear = date.getFullYear();
            $('#datetimepicker').datetimepicker({  minDate: new Date(currentYear, currentMonth, currentDate),daysOfWeekDisabled: [0, 6],
                disabledDates: [
                        moment("12/25/2015"),
                    moment("12/24/2015")
                    ]});

        });

如图所示，在 moment 中包含 public 节假日。

Fiddle here

Bootstrap datetimepicker 禁用今天和周末前几天

Bootstrap datetimepicker disable days before today and weekends

model-view-controller

datetimepicker

twitter-bootstrap