JavaScript In a Got 应该很简单

Question

请考虑以下代码：

<script type="text/javascript">
$('#Visit_Date').on('change paste keyup', function () {
var date = $(this).val();
if(date == '2018-08-24') {
$("#myModal").modal('show');
}
});
</script>
<script type="text/javascript">
$('#Visit_Date').on('change paste keyup', function () {
var date = $(this).val();
if(date == '2018-08-25') {
$("#myModal").modal('show');
}
});
</script>
<script type="text/javascript">
$('#Visit_Date').on('change paste keyup', function () {
var date = $(this).val();
if(date == '2018-08-26') {
$("#myModal").modal('show');
}
});

上面的代码工作正常;它完全按照要求执行，即：如果该人选择了 8 月 25 日或 26 日日期，则显示模态形式"对不起，我们已订满"。

这没关系，但我希望能够选择我想要的日期，无论是单个还是多个(即从 2018/08/1 到 2018/08/6(。

如何完成此任务？

Answer 1

如果你想要的是一个范围，你可以这样做：

$('#Visit_Date').on('change paste keyup', function () {
var date = $(this).val();
if(date >= '2018-08-24' && date <= "2018-08-26") {
$("#myModal").modal('show');
}
});

#myModal {
display: none;
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<input type="date" id="Visit_Date">
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Sorry we are fully booked.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>