@verstak2020

Как переключить кнопками время в поле Input?

Как реализовать на js такой функционал, что бы при клике на стрелки переключалось время от 11:00 до 22:00 с интервалом в 30 минут?
Есть такая разметка:

<div class="modal-order__form-time">
     <button class="arrow-top increase">
     <input type='any', value='11:00', min='1', max='24'>
     <button class="arrow-down decrease">
</div>


нашел такой пример

$(document).ready(function () {
	$('.decrease').click(function () {
		var $input = $(this).parent().find('input');
		var count = parseInt($input.val()) - 1;
		count = count < 1 ? 1 : count;
		$input.val(count);
		$input.change();
		return false;
	});
	$('.increase').click(function () {
		var $input = $(this).parent().find('input');
		$input.val(parseInt($input.val()) + 1);
		$input.change();
		return false;
	});
});

но как его адаптировать под формат времени...
  • Вопрос задан
  • 57 просмотров
Решения вопроса 1
@ptvalx
Убрать запятую в теге input и изменить тип на text.

var Min = 660;
var Step = 30

function setTime($input) {
	var hour = Math.floor(Min/60);
	var min = Min % 60;
	
	if (min < 10) {
		min = '0' + min;
	}
	
	if (hour < 10) {
		hour = '0' + hour;
	}
	
	$input.val(hour + ':' + min);
}

$('.decrease').click(function () {
	Min -= Step;
	if (Min <= 0) Min += 1440;
	setTime($(this).parent().find('input'));
});

$('.increase').click(function () {
	Min += Step;
	if (Min >= 1440) Min -= 1440;
	setTime($(this).parent().find('input'));
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы