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

这是我的第一个关于预订网站的项目，我正在寻找建立一个小网站（与响应部分）与一个页面，以预订您在理发厅的约会。现在我在预订页面上被卡住了，我已经插入了表单的一部分，其中有一些选项（理发师、服务），有人知道如何插入数据采集器和时间采集器（？）来完成表单？如何知道数据被发送到数据库？关于响应部分，我的最后一个问题是：我是否添加了一个带有javascript的弹出窗口，以便更轻松地选择服务和barber

  <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>                      

预诺他嗪
Seleziona barbiere：
莫纳奇·多梅尼科
埃斯波西托·文琴佐
尼苏纳优先酒店




Seleziona servizio：
贵宾
塔利奥
巴尔巴




Seleziona数据：
普雷诺塔

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

对于这类东西有很好的教程，我会使用单独的输入作为开始和结束。如果您对html、css和js感到满意，可以继续使用。否则，我建议您创建自己的解决方案，可能不是最方便用户的解决方案，但它可能是您学习最多的解决方案

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