gibt es eine Option in datetimepicker zu aktivieren oder markieren Sie spezifische Tage

Question

Ich verwende http://eonasdan.github.io/bootstrap-datetimepicker/ in meinem Projekt für Arzt Termine planen.

Ich habe alles abgeschlossen, aber eine Sache, die ich nicht gefunden habe, ist, dass ich die Tage hervorheben möchte, an denen der Arzt zur Verfügung steht. Ich möchte, dass diese Tage aktiv sind und die anderen Tage inaktiv oder schwach sein sollten.

Danke.

Answer 1

Sie können die Option disabledDates verwenden, um deaktivierte Daten in der Auswahl festzulegen. Im folgenden Beispiel morgen und in drei Tagen sind deaktiviert:

$('#datetimepicker1').datetimepicker({ 
 
    format: 'DD/MM/YYYY', 
 
    disabledDates: [moment().add(1, 'd'), moment().add(3, 'd')] 
 
});

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/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.14.1/moment.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 
 

 
<div class='input-group date' id='datetimepicker1'> 
 
    <input type='text' class="form-control" /> 
 
    <span class="input-group-addon"> 
 
    <span class="glyphicon glyphicon-calendar"></span> 
 
    </span> 
 
</div>

Answer 2

ich mein Problem aus diesem Artikel gelöst, es war hilfreich für mich. weekday_unchecked_value = [0, 1, 3, 4, 5, 6]
modify datetimepicker dynamically with javascript $ ("# meeting_datetime"). Daten ("Datetime"). daysOfWeekDisabled (weekday_unchecked_value) $ ("# meeting_datetime"). Daten ("Datetime ") .enabledHours ([meeting_time_moment.hours()]) $ (" # meeting_datetime "). data (" DateTimePicker "). stepping (60)