Question

我正在使用Bootstrap 3日期时间选择器。我的要求是禁用bootstrap 3 Calendar中的日期列表。

我不知道该怎么办。请帮助。

我使用下面提到的代码。

<head>
<!-- ... -->
<script type="text/javascript" src="js/jquery-1.11.2.js"></script>
<script type="text/javascript" src="js/moment.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
</head>

<body>

<div class="container">
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control" placeholder="dd/MM/yyyy"/>
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<script type="text/javascript">



var getNextDate = function(){
var date = new Date();
date = date.setDate(date.getDate()+1);
return date;


}

$(function () {
$('#datetimepicker1').datetimepicker({
format : "DD/MM/YYYY",
minDate :getNextDate()
}).on("dp.change", function (e) {
alert("HI");
});
});
</script>
</div>
</div>

</body>

由于

维杰

Answer 1

@Veejay - 如你所述，这条线对我来说也适用于DateTimePicker

var HolidaysList = ["2017-10-26", "2017-12-25"]
$('#txtdate').datetimepicker({
    maxDate: lastDate,
    minDate: curentDate,
    disabledDates: HolidaysList
});

Bootstrap 3 DatetimePicker - 禁用日期列表

1 个答案: