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

Question

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

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

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

Answer 1

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

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