如何使时间输入 HTML 步长 30 分钟并隐藏秒

【问题标题】：How to make time input HTML step 30 minute and hide seconds如何使时间输入 HTML 步长 30 分钟并隐藏秒
【发布时间】：2020-10-14 05:44:41
【问题描述】：

如何使时间输入 HTML ONLY 30 分钟并隐藏秒数并防止用户输入任何超出范围的数字？

【问题讨论】：

您能分享您的代码/尝试吗？我建议使用值 (30,00) 和小时值 (0..23) 进行分钟下拉列表。查看 HTML select 标签。

标签： javascript html jquery dom

【解决方案1】：

根据docs on dropdown，它是可行的。

<label for="hr">Hour</label>
  <select name="hr" id="hr">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
<!-- do it for each hour -->
  </select>
  <br><br>

<label for="min">Minute</label>
  <select name="min" id="min">
    <option value="30">30</option>
    <option value="00">00</option>
  </select>
  <br><br>

您也可以查看日期/时间选择器库，但它需要一些 JS。最好是坚持使用您可以控制的值的下拉菜单。祝你好运

【讨论】：