html - 如何在没有上午/下午的情况下输入时间

Question

我想输入一个允许用户添加所用时间的输入。我曾希望使用 <input type='time"> 来做到这一点这几乎正​​是我想要的我只是不想有上午/下午的部分，我也不希望它是 24 小时。我希望用户能够执行类似 00:15 的操作直到 2d:40hr:10m 之类的东西.

关于我如何解决这个问题的任何想法。我不确定我是否使用了正确的 html 元素。

我还要指出，我正在使用 AngualrJS 和 bootstrap-ui，它具有时间功能，与上面的输入法相同，所以如果有人有 Angular 的方式来实现这一点，我也对此持开放态度。

Answer 1

<input class="without" step="1" type="time" ng-model="endTime" />

.without::-webkit-datetime-edit-ampm-field {
   display: none;
 }

使用第 1 步显示秒字段和 CSS 删除上午/下午字段还可以使用

删除清除图标和微调器

 input[type=time]::-webkit-clear-button {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   margin: 0; 
 }

  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
   appearance: none;
   margin: 0; 
  }