Luft-Datepicker js: Stunde + 2

Question

Ich versuche Stunden einzustellen (+ 2h) zu aktuellen Tag und nicht für die anderen.

Beispiel:

Heute ist der 18. Oktober Zeit: 10 Uhr.

• Wenn ich klicke (ohne das Datum zu ändern) -> Zeit ist 12pm.
• Wenn ich klicken und morgen (19. Oktober) wählen -> ich jederzeit zur Verfügung.

Heute ist der 19. Oktober Zeit: 08.00 Uhr.

• Wenn ich klicke (ohne das Datum zu ändern) -> Zeit ist 10 Uhr.
• Wenn ich klicken und morgen (20. Oktober) wählen -> ich jederzeit zur Verfügung.

PS: Wenn möglich, möchte ich den Eintrag in der Eingabe deaktivieren (weil wir die Zeit ändern können)

Thx

var start = new Date() 
 
\t var hour = start.getHours()+2; 
 

 
\t 
 
\t $('#date').datepicker({ 
 
     language: 'en', 
 
\t \t timepicker: true, 
 
\t \t minHours: hour 
 
\t })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/datepicker.js"></script> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/i18n/datepicker.en.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/css/datepicker.css" rel="stylesheet"/> 
 

 

 
<input type='text' id="date" class="" />

Answer 1

EDIT: ich dachte, Sie vorherige Termine (alles < jetzt + 2 Stunden) deaktivieren möchten. Wenn nicht, ändern Sie einfach minDate: start-startDate: start.

Versuchen mit:

var start = new Date(); 
 

 
// first available date and time 
 
start.setHours(start.getHours() + 2); 
 

 
$('#date').datepicker({ 
 
    language: 'en', 
 
    timepicker: true, 
 
    minDate: start, 
 
    onSelect: function(fd, d, picker) { 
 
    if (d < start) { 
 
     return; 
 
    } 
 

 
    if (d.getDate() == start.getDate() && 
 
     d.getMonth() == start.getMonth() && 
 
     d.getYear() == start.getYear()) { 
 
     // set minHours to start hours 
 
     picker.update({ 
 
     minHours: start.getHours() 
 
     }); 
 
    } else { 
 
     // set minHours to 0 hours 
 
     picker.update({ 
 
     minHours: 0 
 
     }); 
 
    } 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/datepicker.js"></script> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/i18n/datepicker.en.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/css/datepicker.css" rel="stylesheet" /> 
 

 

 
<input type='text' id="date" class="" />

Auch Klimatimepicker docs: http://t1m0n.name/air-datepicker/docs/