HTML5 输入时间从 24 小时到 12 小时

Question

我有一个 HTML5，它使用带有 type"time" 的 <input> 标签，它使用 PHP 提交到 MySQL。问题是，"time" 使用的是 24 小时格式00:00:00，这对最终用户没有意义。

我希望能够让用户以 12 小时格式输入它，并让它显示在一个单独的页面上，结果以 12 小时格式从 MySQL 发布。

最简单的方法是什么？这是一个跟踪客户何时走进和离开实验室的网站。因此，能够减去这些结果至关重要。我现在所拥有的（24 小时格式）对于我们的目的来说工作得很好（并减去以显示总花费的时间），但 24 小时格式是一个问题，如果解决它可能对我们非常有用。

Answer 1

我认为这样做的唯一方法是将输入的最小值和最大值分别设置为 01:00:00 和 12:59:59，并在其旁边添加一个用于选择 AM 或 PM 的下拉菜单。

当然，通过这样做，您将在用户提交表单时将所有时间转换回 24 小时制，因此您可以将它们存储在数据库中。