jQuery UI Datepicker - Диапазон дат - Выделить промежуточные дни

Я ищу способ выделить промежуточные дни диапазон дат 2 входов при наведении курсора мыши.

Этот пример почти делает то, что я хочу достичь: http: // hackingon.net / files / jquery_datepicker / range.htm

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

Есть предложения?


Обновление:

Хорошо, еще немного:

После выбора даты в первом средстве выбора даты, второе средство выбора даты должно выделить предыдущую выбранную дату. Если вы затем наведете курсор мыши на день, прошедший после предыдущего выбранного дня, все дни между ними должны быть выделены путем добавления класса.


Обновление: Вот как далеко я продвинулся:

    $("#input-service_date_leave, #input-service_date_return").datepicker({
        rangeSelect: true,
        beforeShow: customRange,
        onSelect: customRange,
    });

    function customRange(input) {
        if (input.id == "input-service_date_leave") {

            $("#ui-datepicker-div td").die();

            if (selectedDate != null) { 
                $('#input-service_date_return').datepicker('option', 'minDate', selectedDate).datepicker('refresh');
            }
        }
        if (input.id == "input-service_date_return") {

            $("#ui-datepicker-div td").live({
                mouseenter: function() {
                    $(this).prevAll("td:not(.ui-datepicker-unselectable)").addClass("highlight");
                },
                mouseleave: function() {
                    $("#ui-datepicker-div td").removeClass("highlight");
                }
            });

            var selectedDate = $("#input-service_date_leave").datepicker("getDate");                
            if (selectedDate != null) { 
                $('#input-service_date_return').datepicker('option', 'minDate', selectedDate).datepicker('refresh');
            }
        }
    }

http://jsfiddle.net/mayko/WbWg3/1/

Единственная проблема, в прямом эфире просто выделяются td текущего зависшая строка, но не td строк ранее.

Есть идеи?

7
задан Mayko 9 November 2011 в 03:30
поделиться