从表单输入时间

input time from a form

本文关键字：时间 输入 表单      更新时间：2023-09-26

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

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

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

你可以

使用 JavaScript 或 jquery
来做到这一点。有很多库可以轻松使用
退房 http://jqueryvalidation.org/documentation/
，，或者你可以通过添加更多这样的输入来做到这一点

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

您可以使用 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);

小提琴

相关文章：