【问题标题】:Input Type Time to select only hours输入类型时间以仅选择小时
【发布时间】:2020-06-04 02:33:25
【问题描述】:

我可以将输入类型时间设置为仅选择小时,而不是选择分钟。我只想选择从 2:00 到 3:00 等几个小时,而不是任何分钟。

【问题讨论】:

标签: javascript html input


【解决方案1】:

使用如下所示的简单选择标签:

<label for="from">From: </label>
  <select name="from" id="from">
    <option value="1">1:00</option>
    <option value="2">2:00</option>
    <option value="3">3:00</option>
    <option value="4">4:00</option>
    <option value="5">5:00</option>
  </select>

  <label for="to">To: </label>
  <select name="to" id="to">
    <option value="1">1:00</option>
    <option value="2">2:00</option>
    <option value="3">3:00</option>
    <option value="4">4:00</option>
    <option value="5">5:00</option>
  </select>

【讨论】:

    【解决方案2】:

    您可以使用输入 type="number" 并使用属性调整值。就像这样:

    <input type="number" id="yourId" name="yourName" min="1" max="24">
    

    用户应该只能输入 1 到 24 小时之间的数字。为了美化您的设计,您可以在输入字段后使用一些标签来显示“小时”之类的内容来引用复数。

    【讨论】:

      【解决方案3】:

      您可以使用step 属性:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time

      <form>
        <input type="time" required step="3600">
        <button type="submit">Submit</button>
      </form>

      【讨论】:

      • 这不是也选择分钟,而 OP 明确要求他们只想选择小时
      • 没有。它强加已指定的常量。 1) 使用time 输入。 2) 有效条目不包括分钟值。其他答案忽略了使用输入类型=时间的要求。
      • 有效条目不包括分钟值...是的,但这个答案确实包括分钟值。不是吗?还是我错过了什么?
      • 你错过了一些东西。 2:01 是无效输入。 1:59 是无效输入。 2:00 是一个有效的输入。
      • 嗯,明白了。在我看来,minutes 甚至不应该出现在不应该被选中的地方。谢谢。我猜这确实回答了这个问题。
      猜你喜欢
      • 2018-10-10
      • 2019-02-12
      • 2021-05-04
      • 2014-08-09
      • 1970-01-01
      • 2021-08-15
      • 1970-01-01
      • 1970-01-01
      • 2016-09-25
      相关资源
      最近更新 更多