Javascript Dynamique Du Temps Déroulant

Je ne suis pas très bon en Javascript la manipulation du Temps.

Voici ce que je suis en train de faire: j'ai une INTERFACE utilisateur qui a besoin d'un temps de la fin dans la liste déroulante. Ses un ensemble fini de fois, essentiellement à partir de 7:00 AM à 10:00 PM par incréments de 15 minutes. Je suis à l'aide de jQuery et que vous voulez créer à la volée d'une boîte de sélection qui ressemble à ceci:

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

Quelqu'un sait comment faire cela en javascript/jQuery. Je veux faire quelque chose de dynamique comme ceci:

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
}
  • Juste une variable pour l'heure et une variable pour la minute. Incrémenter la minute variable en 15 minutes et l'incrément de l'heure de la variable si la minute variable va de plus de 60 ans. Il serait le plus susceptible d'être moins efficaces et ont moins de frais généraux que l'utilisation d'une date.
InformationsquelleAutor Matt | 2012-01-18
  1. 19

    L'extrait de code suivant devrait vous aider à obtenir l'idée:

    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
    • Qui me va! Merci!!
    InformationsquelleAutor Li0liQ