时间戳

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

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

问题描述

// 这是我使用 date-picker.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>

标签： jspdatepicker

解决方案

new Date();您在此处删除了一个错字; 。此外，您可以调用datepicker页面的 onload 而不是通过函数调用它。

演示代码：

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

推荐阅读