2016-11-29 55 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檢查此解決方案。 –

相關問題