JQuery ползунок, время выбора и зарезервированные времена .. - PullRequest
Новая
       53

JQuery ползунок, время выбора и зарезервированные времена ..

7 голосов
/ 21 февраля 2011

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

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

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

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

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

Трис ...

Ответы [ 2 ]

13 голосов
/ 21 февраля 2011

Попробуйте использовать событие 'slide' в пользовательском интерфейсе jQuery (http://jqueryui.com/demos/slider/#event-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;
        }
    }
});
0 голосов
/ 21 февраля 2011

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

Я сейчас строю нечто подобное:
http://www.supertext.ch/shop/werbebrief

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

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

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

...