Я использую ниже HTML-тег:
<input type="time" />
В Chrome, показывающем формат PM/AM, мы можем ограничить отображение формата 24 всегда. Я не хочу использовать тег HTML5
Я использую ниже HTML-тег:
<input type="time" />
В Chrome, показывающем формат PM/AM, мы можем ограничить отображение формата 24 всегда. Я не хочу использовать тег HTML5
Как указано в этом ответе, не все браузеры поддерживают стандартный способ. Это не очень хорошая идея для надежного использования пользователем. И если вы его используете, вы не можете просить слишком много.
Вместо этого используйте библиотеки выбора времени. Например: TimePicker.js - это нулевая зависимость и облегченная библиотека. Используйте его так:
var timepicker = new TimePicker('time', {
lang: 'en',
theme: 'dark'
});
timepicker.on('change', function(evt) {
var value = (evt.hour || '00') + ':' + (evt.minute || '00');
evt.element.value = value;
});
<script src="http://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.js"></script>
<link href="http://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.css" rel="stylesheet"/>
<div>
<input type="text" id="time" placeholder="Time">
</div>
<!DOCTYPE html>
<html>
<body>
Time: <input type="time" id="myTime" value="16:32:55">
<p>Click the button to get the time of the time field.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("myTime").value;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
Пока нет способа сделать это, потому что элемент type=time
действительно новый.
https://www.w3.org/TR/2012/WD-html-markup-20120315/input.time.html имеет список допустимых атрибутов...
РЕДАКТИРОВАТЬ Фиксированная неработающая ссылка
Вы не можете сделать это с помощью типа ввода HTML5. Для этого есть много доступных libs, вы можете использовать momentjs или некоторые другие компоненты пользовательского интерфейса jQuery для достижения наилучшего результата.
Проверено!
В Windows → Панель управления → Регион → Дополнительные настройки → Время → Короткое время:
Отформатируйте время как ЧЧ: мм
в формате
чч = 12 часов
ЧЧ = 24 часа
мм = минуты
tt = AM или PM
таким образом, чтобы получить требуемый результат, формат должен быть ЧЧ: мм, а не чч: мм тт