日時ピッカーの現在の日付から前の日付を無効にする必要があります

Question

日時ピッカーを使用していますが、すべての日付を表示しています。現在の日付から日付を表示する必要があり、現在の日付から前の日付をすべて無効にする必要があります。私の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」が入力タグに配置されます。