在Bootstrap DatePicker中启用/禁用日期范围

Question

我的要求是我只希望在从今天到下一个72小时的日期范围内启用日期。

我已将示例链接中的代码实现为https://codepen.io/ahmetcadirci25/pen/NpMNzJ

在此链接中，返回日期设置为禁用，这是好的但包括我还希望从今天到下一个72小时（2天以上）日期应该启用并且在所有日期被禁用之后。

我尝试的代码是

Jquery的

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

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

HTML

<input class="date" data-provide="datepicker">

上面链接中设置的一些Bootstrap链接

FOR EXP ：如果今天的日期是01/05/2018（MM / dd / yyyy），那么我希望启用红色突出显示的日期，即05,06,07作为启用，否则全部应禁用

Answer 1

您可define start和end约会datepicker。像

$('#dateTimeinput').datepicker({

    startDate : todayDate,
    endDate : maxDate,
});

演示 fiddle

Answer 2

您可以使用 beforeShowDay 来实现此目的。这是一个例子。

$(function(){
    $("input").datepicker(
        {
        beforeShowDay: function (date) {
            var today= new Date();

            var afterTwoDays = new Date();
            afterTwoDays.setDate(today.getDate() + 2);

            //Now return the enabled and disabled dates to datepicker
            return [(date.getDate() >= today.getDate() && date.getDate() <= afterTwoDays.getDate()), ''];
        }
    });
});

  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<input type="text" name="foo" />