使用html格式化时间输入字段

时间:2016-02-24 15:05:30

标签: html forms

我有一个简单的操作预订系统使用PHP。我为用户提供了从日期和时间输入字段中选择数据和时间的选项。现在对于预订系统我只希望用户能够在小时块中选择,但时间选择器的当前格式是小时:分钟:秒,格式为00:00:00。有没有办法禁用分钟和秒?我当前的代码如下,只是时间选择器的默认值。

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

如果可能的话,任何帮助都会很棒,我知道很难格式化日期和时间选择器并且在网络浏览器上有很多不同,所以我使用谷歌浏览器最新版本48.0.2564.116。谢谢!

4 个答案:

答案 0 :(得分:2)

HTML5规范规定,有效的type=time input元素必须具有valid time string,且必须具有:{/ p>

  
      
  1. 两个ASCII数字,代表小时,范围0≤小时≤23
  2.   
  3. A&#34;:&#34; (U + 003A)角色
  4.   
  5. 两个ASCII数字,代表分钟,范围为0≤分钟≤59
  6.   

这些秒 已经是可选的(第4部分,但我没有引用上面的内容)。然而,这确实意味着这些元素的价值在没有分钟条目的情况下是无效的。

或许您最好使用type=number input元素,min 0max {{} 1}}或11取决于您的偏好:

&#13;
&#13;
23
&#13;
&#13;
&#13;

答案 1 :(得分:1)

使用JSON.stringify()将时间转移到字符串。

然后使用以下功能

  var time = str.substring(0, 3);

这将仅以小时显示时间

答案 2 :(得分:0)

添加step属性。

<input type="time" name="time" id="time" step="3600"/>

答案 3 :(得分:-1)

这将帮助您格式化chrome的时间戳: http://www.html5tutorial.info/html5-date.php

所以你可以看到,你可以选择的步骤不包含n“小时”步骤。

最佳解决方案是html timepicker和/或Javascriptfunction