JQuery日期选择器无法禁用以前的日期

Question

我在我的PHP网站中使用jQuery日期选择器。它工作正常，但是我想从中禁用以前的日期。我尝试了所有可以但无法禁用的设置。

HTML脚本

<center><div class="card shadow mb-4 col-xs-12 col-md-8 border-bottom-primary">
        <div class="card-header py-3">
          <h4 class="m-2 font-weight-bold text-primary">Add Employee</h4>
        </div>
        <a href="employee.php?action=add" type="button" class="btn btn-primary bg-gradient-primary">Back</a>
        <div class="card-body">
          <div class="table-responsive">
                    <form role="form" method="post" action="emp_transac.php?action=add">

                        <div class="form-group">
                          <input class="form-control" placeholder="First Name" name="firstname" required>
                        </div>
                        <div class="form-group">
                          <input class="form-control" placeholder="Last Name" name="lastname" required>
                        </div>
                        <div class="form-group">
                          <input class="form-control" type="email" id="email" placeholder="Email" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" required>
                        </div>
                        <div class="form-group">
                          <input class="form-control" placeholder="Phone Number" name="phonenumber" required>
                        </div>
                        <div class="form-group">
                          <?php
                            echo $opt;
                          ?>
                        </div>
                        <div class="form-group">
                          <input type="date" id="FromDate" name="hireddate" value="yyyy-MM-dd" class="form-control" />
                        </div>
                        <div class="form-group">
                          <select class="form-control" id="province" placeholder="Province" name="province" required></select>
                        </div>
                        <div class="form-group">
                          <select class="form-control" id="city" placeholder="City" name="city" required></select>
                        </div>
                        <hr>
                        <button type="submit" class="btn btn-success btn-block"><i class="fa fa-check fa-fw"></i>Save</button>
                        <button type="reset" class="btn btn-danger btn-block"><i class="fa fa-times fa-fw"></i>Reset</button>

                    </form>  
                  </div>
        </div>
      </div></center>

现在我已在此使用JQUERY代码

<script type="text/javascript">
jQuery( document ).ready( function ( e ) {
    if ( jQuery( '.your-date-picker-selector' ).length ) {
        jQuery.datepicker.setDefaults({
            minDate: 0,
            maxDate: "+12m"
        });
    }
});

Answer 1

以下是您为与jQuery类匹配的输入设置minDate属性的方法：

jQuery( document ).ready( function ( e ) {
    const datePicker = $(".your-date-picker-selector");
    var today = new Date();
    var date = (today.getMonth()+1)+'-'+today.getDate()+'-'+today.getFullYear();
    datePicker.attr("min", date);
});