過去的日期沒有隱藏在日期選擇器中？

Question

大家好，我是Jquery和javascript的初學者。在我的項目中，我必須使用bootstrap。我試圖執行datepicker來隱藏過去的日期即使沒有隱藏過去的日期，日期選擇器仍在工作。.我在下面的代碼中附加了代碼。 。

 <!--html:--> <div class="form-group"> <div class="col-sm-3 control-label"> <label for="FromDate" class="control-label">FromDate:</label> </div> <div class="col-sm-4"> <div class="input-group date"> <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div> <input type="text" name="fromDate" id="fromDate" class="form-control pull-right" data-validation-engine="validate[required]" /> </div> </div> </div> <div class="form-group"> <div class="col-sm-3 control-label"> <label for="ToDate">ToDate:</label> </div> <div class="col-sm-4"> <div class="input-group date"> <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div> <input type="text" name="toDate" id="toDate" class="form-control pull-right" data-validation-engine="validate[required]" onchange="report();" /> </div> </div> </div> <!--script:--> <script type="text/javascript" th:inline="javascript"> /*<![CDATA[*/ // Date picker $('#fromDate').datepicker({ autoclose: true, todayHighlight: true, format: 'dd-M-yyyy' }); $('#toDate').datepicker({ autoclose: true, todayHighlight: true, format: 'dd-M-yyyy' }); $('#fromDate').datepicker({ minDate: new Date() }); $('#toDate').datepicker({ minDate: new Date() }); /*]]>*/ </script> 

謝謝！！

Answer 1

var dateToday = new Date();
var dates = $("#from, #to").datepicker({
    defaultDate: "+1w",
    changeMonth: true,
    numberOfMonths: 3,
    minDate: dateToday,
    onSelect: function(selectedDate) {
        var option = this.id == "from" ? "minDate" : "maxDate",
            instance = $(this).data("datepicker"),
            date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
        dates.not(this).datepicker("option", option, date);
    }
});

試試上面的代碼

Answer 2

我復制了您的代碼，它工作正常。

可以更清楚地了解您使用的版本和軟件包。

對於Datepicker，您使用哪個軟件包。 我使用了jQuery ui進行引導，您使用的是v3（此處未考慮），但最新版本為4

http://jsfiddle.net/0oL2yh6r/1/

jQuery(document).ready(function(){
    $( "#fromDate" ).datepicker({
    minDate: new Date(),
   autoclose : true,
          todayHighlight : true,
          format : 'dd-M-yyyy'
  });
});