Spinner с JQuery или Javascript или HTML?

Question

Я хочу написать код счетчика в javascript / jQuery, чтобы получить минуты и часы от пользователя.

Я хочу реализовать это с помощью Jquery, Javascript или HTML:

Я реализовал часть календаря (слева на скриншоте) с помощью инструмента выбора даты JQuery. Там есть два счетчика, часовой диапазон от 00 до 23. Минутный диапазон от 00 до 59.

Как я могу это сделать?

Answer 1

То, что на скриншоте - это не просто вращатель - это просто <select> со значениями от 00 до 59.

С jQuery:

var select = $('#minute');
for (var i = 0; i < 60; i++) {
    $('<option>', {
        value: i,
        text: (i < 10 ? '0' + i : i)
    }).appendTo(select);
}

Вам также понадобится этот HTML-код в вашей форме:

<select id="minute"></select>

Вот демонстрационная версия: http://jsfiddle.net/yhmAT/

Answer 2

Мне очень понравилось, как Кит Вуд вводил дату и время:

http://keith -wood.name / timeEntry.html