Получение разницы во времени в качестве входного HTML

Question

Как получить ввод в виде часов и минут в HTML?

Например, пользователь должен ввести время, необходимое для выполнения определенной задачи, и это заняло у них 2 часа и 45 минут. Как я могу получить это в качестве ввода, используя одно текстовое поле.

Если я использую, <input type="time">, он включает в себя am/pm, который не нужен.

Answer 1

Добавьте это в свой CSS:

input[type=time]::-webkit-datetime-edit-ampm-field {
  display: none;
}

Answer 2

.without::-webkit-datetime-edit-ampm-field {
   display: none;
 }
 input[type=time]::-webkit-clear-button {
   -webkit-appearance: none;
   -moz-appearance: none;
   -o-appearance: none;
   -ms-appearance:none;
   appearance: none;
   margin: -10px; 
 }

 <input type="time" class="without" />

Но имейте в виду, что это только для браузера, использующего webkit, который вам, возможно, придется проверить на наличие других браузеров.

Это не подходит для работы, я бы предпочел использовать пользовательский тип ввода.