Javascript 如何在html中选择特定的时间范围

我想在特定时间的时间输入字段，以便只能选择从上午8点到晚上8点的时间。无法选择预订时间为晚上8:01点以后，直到预订时间为上午7:59点。 如何使用JavaScript/Jquery创建这个自定义时间选择器

---

要选择所需范围内的时间，可以添加最小值和最大值：

函数显示（）{
设t=document.getElementById（“book_time”）；
console.log（t.value）；
}
函数show2（）{
设t2=document.getElementById（“book_time2”）；
设t2Hour=t2.value.substr（0,2）；
设t2min=t2.value.substr（3,2）；
if（t2.value.substr（0,2）t2.max）{
警报（“最新时间为”+t2.max）；
t2.value=t2.max；
}否则{
console.log（t2.value）；
}
}

#书本时间：：之后{
内容：“u_;”；
位置：相对位置；
左：-20px；
线高：1.5em；
背景色：白色；
颜色：白色；
}

---

尽管我是本机（仅限浏览器）控件的粉丝，但日期（和时间选择器）很难跨浏览器处理。因此，最好使用现有的库，并找出您的需求到底是什么

关于这个主题的文章很长，在这里复制它们是没有意义的，因此我想把你引向那里

日期/时间选择器的UX/用途：

---

我个人喜欢使用。

不，它仍然显示整个时间范围，即24小时。我认为这是一个特定于浏览器的问题。他们应该遵守最小/最大值，并且只允许在该范围内进行选择。但是，有些浏览器提供完整的、不受限制的。组合的小时/分钟选择器和其他选择器为小时和分钟提供了一个向上/向下箭头-这是最后一个实际应用限制的选择器。