слайдер jquery, выбор времени и зарезервированное время..

Я использую ползунок jquery для выбора времени начала и окончания Это хорошо, но мне нужно добавить к этому ограничения. В принципе, у меня есть окно доступности, которое мне нужно откалывать. Так в моем примере: http://madeeasyfor.me/stackoverflow/time_pick_test_1.html

(Я прокомментировал функцию проверки, чтобы вы могли видеть слайдер, код имеет абсолютные пути ко всем скриптам, поэтому не стесняйтесь получать дамп источника просмотра для локального использования)

У меня есть 24 часы. С динамически генерируемым PHP-скриптом я хочу добавить различные забронированные времена.. поэтому, когда пользователь пытается выбрать предварительно забронированное время, они получат ошибку (всплывающее окно, что угодно). Пока что я жестко кодирую свое забронированное время.

Я не могу для жизни меня, кажется, получить слайдер, чтобы распознать предварительно забронированное время.

Если я ничего не понимаю, пожалуйста, спросите... Я мог бы просто сделать проверки в PHP, как только пользователь выбрал время, но я хотел бы, чтобы пользователь был мгновенно осознал. (В идеале, я хотел бы покрасить слайд-бар, чтобы отметить предварительно забронированные времена.. но это уже другой вопрос... - p

Трис...

7
date jquery range slider time

2 ответов

попробуйте использовать событие "слайд" в jQuery UI (http://jqueryui.com/demos/slider/#event-slide). Когда пользователь скользит по ручке, запускается событие slide. В событии слайд вы можете проверить, если выбранное время предварительно забронировано, если true, вы можете вернуть false. Когда событие slide возвращает false, пользователь не может переместить дескриптор в эту точку.

например: Это мешает пользователю выбрать что-то между 40 и 50:


$('#slider').slider({
    range: true,
    values: [17, 67],
    slide: function(event, ui) {
        if(ui.value > 40 && ui.value < 50){
            return false;
        }
    }
});
13

Я не уверен, правильно ли я понял вашу идею, но я думаю, вы не хотите, чтобы пользователь выбирал определенное время на слайдере?

Я строю что-то похожее на данный момент:
http://www.supertext.ch/shop/werbebrief

Это на немецком языке, и он еще не выпущен, но посмотрите на мой javascript. Я весь на странице. Пользователь может выбрать таймфрейм, но не выходные дни, которые находятся между ними.

Я не использую слайдер jquery, но
http://blog.egorkhmelev.com/2010/03/jquery-slider-update/

посмотрите и дайте мне знать, если вам нужна помощь.

0