Задать вопрос
@z_u_l

Как реализовать такой выбор времени в select?

Здравствуйте. Есть в блоке два селекта, первый - часы, второй минуты. Как сделать чтобы при выборе часов\минут время из value увеличивалось на час и записывалось в div снизу в формате (13:30)?

Ссылка на пример
  • Вопрос задан
  • 575 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 2
0xD34F
@0xD34F Куратор тега JavaScript
document.querySelector('.selectTime').addEventListener('change', function() {
  const values = Array.from(this.querySelectorAll('select'), n => n.value);
  values[0] = `${-~values[0] % 24}`;

  document.querySelector('куда там вам надо записать время').innerText = values
    .map(n => n.padStart(2, 0))
    .join(':');
});
Ответ написан
Комментировать
g_hagmt
@g_hagmt
Начинающий веб-разработчик
jQuery:
$('select').change(function() {
 $('#increased').html(1 + Number($('#hours').val()) + " : " +      $('#minutes').val());
});


html:
<div class="selectTime">
	<select id='hours'>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
  </select>
  :
  <select id='minutes'>
    <option value="15">15</option>
    <option value="20">20</option>
    <option value="25">25</option>
    <option value="30">30</option>
  </select>
</div>

<div id='increased'>
  
</div>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы