Блог

У меня есть база данных SQL, и я создал php-код с помощью jQuery, который не будет показывать определенные даты, которые уже заполнены, но теперь я хочу ограничить количество бронирований на 1 период времени в один и тот же день.

Чтобы уточнить, если человек выбирает дату 1.3.2022 в 17:00 и отправляет ее, и это становится пятым бронированием на эту дату и время в базе данных, у следующего человека, который выберет дату 1.3.2022, даже не будет отображаться опция 17:00. Но первым следующим вариантом было бы 18:00. У меня нет опыта работы с js, так как я занимаюсь php, и эта часть необходима и неизбежна для меня.

Вот как далеко я зашел:

 lt;scriptgt; var mysql = require('mysql'); var connection = mysql.createConnection({  host : 'LOCALHOST',  user : 'root',  password : '',  database : 'data' }); con.connect(function(err) {  if (err) throw err;  con.query("SELECT time from tbl_reservations WHERE date='var selectDate'", function (err,result,field) {  if (err) throw err;  console.log(result);  }); });connection.end(); lt;/scriptgt; lt;div class="form-field col-lg-6 "gt;  lt;div class='input-group date' id='datetimepicker1'gt;  lt;span class="input-group-addon"gt;  lt;input type='text'class="form-control input-text js-input" id="date" name="date" onchange="return getDate()"/gt;  lt;/spangt;  lt;/divgt;  lt;label class="label" for="date"gt;lt;/labelgt;  lt;/divgt;  lt;div class="form-field col-lg-6"gt;  lt;select id="time" style="color:rgb(255,255,255,0.8)" class="input-text js-input" requiredgt;  lt;option style="display:none"gt;Timelt;/optiongt;  lt;option id="16" value="16"gt;16:00lt;/optiongt;  lt;option id="17" value="17"gt;17:00lt;/optiongt;  lt;option id="18" value="18"gt;18:00lt;/optiongt;  lt;option id="19" value="19"gt;19:00lt;/optiongt;  lt;option id="20" value="20"gt;20:00lt;/optiongt;  lt;option id="21" value="21"gt;21:00lt;/optiongt;  lt;/selectgt; lt;scriptgt;  function getDate(){  var selectDate = document.getElementById('date');  var userInput = selectDate.options(selectDate.selectedIndex).value  } lt;/scriptgt;