JQuery Ползунок UI в течение времени

Question

JQuery Ползунок UI в течение времени

Привет я должен реализовать ползунок для 24-часового диапазона времени. Мне нравится использовать jQuery ui ползунок для этого. Я записал ниже кода

<script type="text/javascript">
$(function() {
    $(".slider-range").slider({
        range: true,
        min: 0,
        max: 23.59,
        step: 0.15
    });
});
</script>

Мне нравится диапазон, похож на 1:00----1:59

Как я дал двоеточие (:) вместо точки (.). Также диапазон waas уведенный вне 59 как 05:85. Помогите мне создать ползунок времени

22

jquery jquery-ui jquery-plugins slider uislider

задан Nisanth Kumar 17 February 2010 в 10:17

1 ответ

Другие вопросы по тегам:

jquery jquery-ui jquery-plugins slider uislider

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

score 48 · Accepted Answer

Не используйте часы как единицу измерения, вместо этого используйте минуты. Затем примените событие слайда , которое преобразует минуты в часы:

$(function() {
    $(".slider-range").slider({
        range: true,
        min: 0,
        max: 1440,
        step: 15,
        slide: function(e, ui) {
            var hours = Math.floor(ui.value / 60);
            var minutes = ui.value - (hours * 60);

            if(hours.toString().length == 1) hours = '0' + hours;
            if(minutes.toString().length == 1) minutes = '0' + minutes;

            $('#something').html(hours+':'+minutes);
        }
    });
});