Question

我有一个代码，允许用户从html表单输入时间（我只需要时间而不是日期），并使用php代码保存在数据库中

 <form>
  Select a time:
  <input type="time" name="usr_time">
</form>

但是它不支持firefox浏览器，任何人都可以通过表单告诉用户如何允许用户以am和pm格式输入时间

Answer 1

你可以使用javascript或jquery来做到这一点你可以轻松使用很多图书馆看看http://jqueryvalidation.org/documentation/
,,
或者你可以通过添加更多这样的输入来实现这一点

<input type="text" name="hours" placeholder="hours" /><br /><input type="text" name="minutes" placeholder="minutes" />

Answer 2

您可以使用jQuery Timepicker库来提供输入约束。

HTML

<link href="http://wvega.github.io/timepicker/resources/jquery-timepicker/jquery.timepicker.min.css" style="text/css" rel="stylesheet" />
...
<form>
    <input type="text" class="timepicker" name="time"/>
</form>
...
<script src="http://wvega.github.io/timepicker/resources/jquery-timepicker/jquery.timepicker.min.js"></script>

JS

(function($) {
    $(function() {
        $('input.timepicker').timepicker();
    });
})(jQuery);

<强> FIDDLE

从表单输入时间

2 个答案: