air-datepicker js: hour + 2

Question

Я пытаюсь установить часы (+ 2 часа) на текущий день, а не на другие.

Пример:

Сегодня 18 октября, время: 10 утра.

• Если я нажму (без изменения даты) -> Время 12pm.
• Если я нажимаю и выбираю завтра (19 октября) -> я выбираю любое время.

Сегодня 19 октября, время: 08:00.

• Если я нажму (без изменения даты) -> Время 10 утра.
• Если я нажимаю и выбираю завтра (20 октября) -> я выбираю любое время.

PS: Если это возможно, я хочу, чтобы отключить запись в входе (потому что мы можем изменить время)

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: Я думал, что вы хотите отключить предыдущие даты (все < сейчас + 2 часа). Если нет, просто измените minDate: start на startDate: start.

Попробуйте с:

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="" />

Кроме того, воздух-timepicker документы: http://t1m0n.name/air-datepicker/docs/