预订表格提示：插入日历（日期选择器），插入时间选择器（？）

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

感谢您的帮助，日期没有问题，但时间上，可能的解决方案是为每个时间块添加按钮？我的意思是当您想在特定时间添加服务时？它是在数据库中存储一天中任何时间块的唯一方法吗？我想？