Javascript Dynamic Time Drop Down

Question

Я не очень хорош в манипуляциях с Javascript Time.

Вот что я пытаюсь сделать: у меня есть интерфейс, которому нужен выпадающий список времени окончания. Это конечный набор времени, в основном с 7:00 до 22:00 с 15-минутными интервалами. Я использую jQuery и хочу на лету создать поле выбора, которое выглядит так:

<select>
<option value="420">7:00 AM</option>
<option value="435">7:15 AM</option>
<option value="450">7:30 AM</option>
etc...
</select>

Кто-нибудь знает, как это сделать в javascript / jQuery. Я хочу сделать что-то динамическое, как это:

for(int i = 420; i<=1320; i+=15){
//use value of i to increment a date or something and create an option for the drop down... this is where I am stuck
}

Answer 1

Следующий фрагмент должен помочь вам понять:

function populate(selector) {
    var select = $(selector);
    var hours, minutes, ampm;
    for(var i = 420; i <= 1320; i += 15){
        hours = Math.floor(i / 60);
        minutes = i % 60;
        if (minutes < 10){
            minutes = '0' + minutes; // adding leading zero
        }
        ampm = hours % 24 < 12 ? 'AM' : 'PM';
        hours = hours % 12;
        if (hours === 0){
            hours = 12;
        }
        select.append($('<option></option>')
            .attr('value', i)
            .text(hours + ':' + minutes + ' ' + ampm)); 
    }
}

populate('#timeSelect'); // use selector for your select