如何将最大日期设置为当前日期，并在日期选择器中隐藏所有即将到来的和过去的日期

Question

//这是我使用日期选择器.css类形成的日期选择器代码 因此，请澄清我的疑问，如何将最大日期设置为当前日期并隐藏所有即将到来的和过去的日期选择器

<div class="col-sm-3 no-padding-right bigger-110" style="margin-left:-1px;margin-top:18px;margin-left:81px">Date of Birth</div>
<div class="col-sm-2" style="margin-top:18px;margin-left:-3px;">
<div class="input-group" style="margin-left:-92px">
<input type="text" class="date-picker form-control input-sm bigger-110" placeholder="DD-MMM-YYYY" id="datepickerdob" name="datepickerdob" data-date-format="dd-M-yyyy" onclick="dob1()"/>
<span class="input-group-addon left">
<i class="fa fa-calendar"></i>
</span>
</div>
</div>

Answer 1

你在这里附近有一个错别字new Date();;删除了它.此外，您可以调用页面的datepicker加载，而不是通过函数调用它。

演示代码：

//onload of page this will get called
$(function() {
$('#datepickerdob').datepicker({
minDate: 0,
maxDate: new Date()
});
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js" integrity="sha256-0YPKAwZP7Mp3ALMRVB2i8GXeEndvCq3eSl/WsAl1Ryk=" crossorigin="anonymous"></script>
<div class="col-sm-3 no-padding-right bigger-110" style="margin-left:-1px;margin-top:18px;">Date of Birth</div>
<div class="col-sm-2" style="margin-top:18px;margin-left:-3px;">
<div class="input-group">
<input type="text" class="date-picker form-control input-sm bigger-110" placeholder="DD-MMM-YYYY" id="datepickerdob" name="datepickerdob" data-date-format="dd-M-yyyy"  />
<span class="input-group-addon left">
<i class="fa fa-calendar"></i>  </span>
</div>
</div>