2016-11-29 57 views
0

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

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>

+0

'$( 'ABC')的DateTimePicker({的minDate:新的Date();});' –

+0

@Rupali如果您使用jQuery UI的日期时间选择器,那么你应该使用日期选择器没有的DateTimePicker –

回答

0

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

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

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

    }); 
+0

@Rupali选中此 –

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

}); 
+0

的jQuery (function(){ jQuery('.abc')。datetimepicker({minDate:new Date()}); }); – Rupali

+0

仍然无法正常工作.. !! – Rupali

+0

try minDate:0 – Arun

0

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

 

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

+0

@ PravD-它给错误:-dateToday未定义 – Rupali

+0

DateTime dateToday = new DateTime() –

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 "> 
    <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”将被放置在输入标签上。

+0

@Rupali检查此解决方案。 –

相关问题