Я новичок в этом javascript
, поэтому магазин нуждается в этой ситуации в своем средстве выбора даты
Время открытия: 12: 00
Время закрытия: 21: 00
Время minimum
до подготовка заказ +2 hours
с посещения пользователя и maximum
дата равна +14 days
с сейчас .
Когда пользователь заходит в Интернет в 10:00, средство выбора времени покажет 12: 00 (открыть магазин), когда пользователь посещает веб в 13:00, средство выбора времени будет отображать 15:00
Когда пользователь посещает 13:00 и выбирает другую дату (не сегодня), будет отображаться средство выбора времени. 12: 00-21: 00 (это правильно)
Проблема в том, что когда пользователь выбирает сегодняшнюю дату (без обновления страницы), средство выбора времени все равно будет отображать 12: 00-21: 00, оно должно быть 15 : 00-21: 00 диапазон
Вот мой код, извините, если не хватает языка или сообщите
Здесь я использовал выбор даты и времени из https://amsul.ca/pickadate.js/time/#events
спасибо!
var today = new Date() + 14;
var currentD = new Date();
var jambuka = new Date();
jambuka.setHours(12,00,0); // 5.30 pm
jamsekarang = currentD.toLocaleTimeString('en-US', { hour12: false });
var ini;
$('#tanggal_acara').pickadate({
format:'yyyy-mm-dd',
min: today,
max: +14,
hiddenName: true,
onSet: function(thingSet) {
ini = thingSet;
cekin(ini);
}
});
initdate();
function cekin(val)
{
var today = new Date() + 14;
var currentD = new Date();
var jambuka = new Date();
jambuka.setHours(12,00,0); // 5.30 pm
jamsekarang = currentD.toLocaleTimeString('en-US', { hour12: false });
var tglini = new Date(val.select);
var tglnow = new Date(new Date().setHours(0,0,0,0));
tglini.toString();
if(val.select == tglnow.getTime())
{
console.log("sama");
if( currentD >= jambuka )
{
$('#jam_acara').pickatime({
format:'HH:i',
min: +2,
max:'21:00'
});
}
else{
$('#jam_acara').pickatime({
format:'HH:i',
min:'12:00',
max:'21:00'
});
}
}
else{
console.log("beda");
var beda;
var tglbeda = val.select;
// console.log(tglbeda);
$('#jam_acara').pickatime({
format:'HH:i',
min:'12:00',
max:'21:00',
});
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<div class="input-simple-2 input-green bottom-10" style="width: 50%; float: left;">
<strong class="color-highlight">Tanggal Acara</strong>
<input type="text" class="datetimepicker" name="tanggal_acara" required="" id="tanggal_acara">
</div>
<div class="input-simple-2 input-green bottom-10" style="width: 50%; display:inline-block">
<strong class="color-highlight">Jam Acara</strong>
<input type="text" class="datetimepicker" name="jam_acara" required id="jam_acara">
</div>