输入 type="time" 超过 24 小时答案

【问题标题】：Input type="time" more than 24 hours输入 type="time" 超过 24 小时
【发布时间】：2015-09-02 16:05:05
【问题描述】：

我刚刚遇到了以下问题：

在网络应用程序 UI 中，我希望用户以小时为单位输入响应消息的时间范围。时间范围应长达 72 小时。我们很乐意使用<input type="time">，但最多只能使用 24 小时。

<input type="time"> 有一个可选的最大值。我认为默认最大值 24 小时是有意义的，但如果最大值可以一直设置到 99:99 小时会很方便。

关于我可以在哪里建议更改标准的任何建议？

【问题讨论】：

使用type=number?还是范围？
要更改标准，您需要为 W3 做出贡献
input type="number" 是您想要的表单控件属性。 input type="time" 用于创建时间戳
48:00 h 不是有效的时间戳吗？ type=time 非常适合这个用例：你可以同时输入小时和分钟，你可以通过 ui-steppers 步进小时/分钟，它有一个用于触摸设备的 ui。使用 input type=number 我必须重新创建所有这些东西才能获得可比较的用户体验。
您找到解决方案了吗？我对时间输入有类似的问题。我已经测试了几个 timepicker 插件，但没有 sutisfing 结果。如有任何线索，我将不胜感激。

【解决方案1】：

您可以尝试将number 类型用作：

<input type="number" min="0" max="100">

【讨论】：

我知道 type=number，但它的用户体验会在我使用其中两个小时：分钟时远远落后于 type=time。要重新创建类似的用户体验，我必须重新创建它在键入时以及通过删除/箭头左/箭头右等在小时和分钟之间来回跳转。

【解决方案2】：

<input type="time" name="time">

在表单验证中使用它。

$this->form_validation->set_rules('time', 'time','required|max_length[100]');

这里第一个时间是输入字段中的名称，第二个单词时间是如果我们输入错误那么它会显示时间是错误的，需要的是用于特定提及的单词或标签（即用户应该填写该字段，否则显示为错误），最大长度是字段区域的最大长度，只有通过使用 php 使用 codeignetor 才能实现

【讨论】：