需要禁用datetime选择器中当前日期的以前日期

Question

我使用的是datetime选择器，但它显示的是所有日期。我需要显示当前日期的日期，并且需要禁用当前日期的所有以前的日期。以下是我的HTML和jQuery代码

jQuery(function() { 
 
    $('.abc').datetimepicker({ 
 
    minDate: 0 
 
    }); 
 
});

<div class="col-md-4"> 
 
    <label class="control-label">Date and Time</label> 
 
    <span class="star">*</span> 
 
    <div class="input-group date form_datetime abc"> 
 
    <input type="text" size="16" readonly class="form-control" name="date_of_event" /> 
 
    <span class="input-group-btn"> 
 
     <button class="btn default date-reset" type="button"> 
 
     <i class="fa fa-times"></i> 
 
     </button> 
 
\t <button class="btn default date-set" type="button"> 
 
     <i class="fa fa-calendar"></i> 
 
     </button> 
 
    </span> 
 
    </div> 
 
</div>

Answer 1

你可以做这样的事情。 new Date()会给你今天的日期。

当您将new Date()指定给minDate时，datepicker将为您停用所有以前的日期。

jQuery(function() { 
     $('.abc').datepicker({ minDate: new Date(); }); 

    }); 

Answer 2

jQuery(document).ready(function() { 
    jQuery('.abc').datetimepicker({ minDate: new Date(), }); 

}); 

Answer 3

嘿只是做jQuery的功能变化不大如下：

 

    jQuery(function() { 
     $('.abc').datetimepicker({ minDate: dateToday }); 
    }); 

Answer 4

<div class="col-md-4"> 
    <label class="control-label">Date and Time</label> 
    <span class="star">*</span> 
    <div class="input-group date form_datetime "> 
    <input type="text" size="16" readonly class="form-control abc" name="date_of_event" /> 
    <span class="input-group-btn"> 
    <button class="btn default date-reset" type="button"> 
    <i class="fa fa-times"></i> 
    </button> 
    <button class="btn default date-set" type="button"> 
    <i class="fa fa-calendar"></i> 
    </button> 
    </span> 
    </div> 
</div> 

有什么不对这个代码是你定义了 “ABC” 类中的位置。尝试上面的代码将工作。如示例所示，类“abc”将被放置在输入标签上。