Wie kann ich das Datumsfeld in Eonasdan bootstrap datetimepicker deaktivieren?

Question

Ich möchte Eonasdan bootstrap datetimepicker Version 4 für mein Projekt verwenden.

Die Anforderung ist, einen Zeitbereich zu finden. Meine Frage ist: - ist es möglich, Bereich zwischen 2 Mal ohne das Datum zu haben (in anderen Worten, deaktivieren Sie das Datum und haben nur den Zeitbereich).

Ihre Hilfe wird sehr geschätzt. Danke.

Answer 1

Sie können die Komponente als Zeitgeber mit format: HH:mm verwenden. Sie können die wählbare Zeit mit disabledTimeIntervals begrenzen.

Hier ist ein funktionierendes Beispiel Zeit 0-8 deaktivieren und 15-18:

$('#datetimepicker').datetimepicker({ 
 
    disabledTimeIntervals: [ 
 
    [moment({ h: 0 }), moment({ h: 8 })], 
 
    [moment({ h: 15 }), moment({ h: 18 })] 
 
    ], 
 
    defaultDate: moment("12:00", 'HH:mm'), 
 
    format: 'HH:mm' 
 
});

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/> 
 
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet"/> 
 

 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment-with-locales.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 
 

 
<div class="row"> 
 
    <div class="col-md-12"> 
 
    <h6>datetimepicker</h6> 
 
    <input type="text" class="form-control" id="datetimepicker"/> 
 
    </div> 
 
</div>