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

时间:2015-11-25 09:04:01

标签: twitter-bootstrap model-view-controller datetimepicker

脚本

$(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。如何使用datetimepicker禁用周末,公众假期以及之前的所有过去几天?我似乎无法找到任何文档或解决方案,我也不知道如何做到这一点。我的公众假期是一个阵列。

1 个答案:

答案 0 :(得分: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中加入公众假期。

小提琴here