@z_u_l

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

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

Ссылка на пример
  • Вопрос задан
  • 522 просмотра
Решения вопроса 1
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>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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