預訂表格提示：插入日歷（數據選擇器），插入時間選擇器（？）

Question

這是我第一個關於預訂網站的項目，我正在尋找一個帶有頁面的小網站（帶有響應部分）來預訂您在理發店的約會。 目前我被困在預訂頁面中，我已經插入了帶有一些選擇（理發師、服務）的表格部分，有人知道如何插入數據選擇器和時間選擇器（？）來完成表格嗎？ 以及如何知道數據已發送到數據庫？ 我關於響應部分的最后一個問題是：我是否添加了一個帶有 javascript 的彈出窗口，以便更輕松地選擇服務和理發師？

  <form action="login.php" method="post" class="login100-form validate-form">
                <span class="login100-form-title">
                    Prenotazione
                </span>
                <label for="barber">Seleziona barbiere:</label>
                    <select name="barber" class="input100">
                        <option value="monaci">Monaci Domenico</option>
                        <option value="esposito">Esposito Vincenzo</option>
                        <option value="nessunap">Nessuna preferenza</option>
                    </select>
                </br>
                </br>
                <label for="service">Seleziona servizio:</label>
                    <select name="service" class="input100">
                        <option value="monaci">Vip</option>
                        <option value="esposito">Taglio</option>
                        <option value="nessunap">Barba</option>
                    </select>
                </br>
                </br>
                <label for="cars">Seleziona data:</label>
                <div class="container-login100-form-btn">
                    <button type="submit" class="login100-form-btn">
                        PRENOTA
                    </button>
                </div>      
       </form>                      

Answer 1

<input type="date">
<input type="time">

Answer 2

感謝您的幫助，對於日期沒有問題，但是對於時間，可能的解決方案是為每個時間塊添加按鈕？ 我的意思是當您想在特定時間添加服務時？ 這是將一天中的任何時間塊存儲在數據庫中的唯一方法嗎？ 我認為？