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

Question

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

      <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>

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

how to set max date to current date and hide all upcoming and past dates in datepicker

jsp

datepicker