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

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

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