Форматирование поля ввода времени с помощью html

Question

У меня есть простая операционная система бронирования с использованием php. Я предоставляю пользователю возможность выбирать данные и время с полей ввода даты и времени. Теперь для системы бронирования я хочу, чтобы пользователь мог выбирать только в часовых блоках, но текущий формат таймера - часы: минуты: секунды в формате 00:00:00. Есть ли способ отключить минуты и секунды? Мой текущий код выглядит следующим образом, просто по умолчанию для таймера.

<input type="time" name="time" id="time" /> 

Любая помощь будет здорово, если это возможно, я знаю, что его трудно формат даты и времени сборщиков и изменяется много в веб-браузере, так что я буду использовать Google Chrome последней версии 48.0.2564.116. Благодаря!

Answer 1

Это поможет вам форматирование timepicker хрома: http://www.html5tutorial.info/html5-date.php

Таким образом, вы можете видеть, что шаги, вы можете выбрать, не содержит п «Час» шага.

Лучшее решение было бы HTML timepicker и/или Javascriptfunction

Answer 2

Использование JSON.stringify(), чтобы convet время в строку.

Затем используйте следующую функцию

var time = str.substring(0, 3); 

Это будет отображать время в часах только

Answer 3

В HTML5 спецификации указывается, что действительные type=timeinput элементы должны иметь valid time string, которые должны иметь:

1. Две цифры ASCII, представляющие час, в диапазоне 0 ≤ час ≤ 23
2. А ":" (U + 003A) характер
3. Два ASCII цифры, представляющая минута, в диапазоне 0 ≤ мин ≤ 59

Секунды самих являются уже по желанию (это часть 4, но я не цитировал это выше). Однако это означает, что значение этих элементов будет недействительным без ввода минут.

Может быть, вы бы лучше с type=numberinput элемента вместо этого, с min из 0 и max из 11 или 23 в зависимости от ваших предпочтений:

<input type=number min=0 max=23 value=0 />

Answer 4

Добавить step атрибут.

<input type="time" name="time" id="time" step="3600"/>