jQuery UI Datepicker - Как мога при избор да маркирам определен диапазон от дати?

Искам, когато потребителят избере дата, да маркирам следващите 11 дни. Намерението е да се покаже 12-дневен диапазон, избран в зависимост от избрания ден.

Видях „избор на диапазон от дати“ от http://www.filamentgroup.com/ предложен, но това наистина не ми дава визуализацията, която искам, просто позволява на потребителя да избере диапазон (от/до), както го разбирам.

Някакво предложение как мога да реализирам това?

наздраве


jquery-ui jquery-ui-datepicker
person hard_life    schedule 09.11.2009    source източник

Отговори (1)


arrow_upward
5
arrow_downward

Можете да използвате събитието beforeShowDay, за да дадете CSS стил за датите, които трябва да маркирате .

Код:

$(document).ready(function(){
    var selected = null;

    $('#datePicker').datepicker({beforeShowDay: function(date) {
                        if (selected != null && date.getTime() > selected.getTime() &&
                            (date.getTime() - selected.getTime()) < 12*24*3600*1000) {
                            return [true, "highlighted"];
                        }
                        return [true, ""];
                    }});

    $("#datePicker").datepicker( 'option' , 'onSelect', function() {
            str = $(this).val().toString();
            selected=$.datepicker.parseDate('mm/dd/yy', str);
            console.log(selected);
            });
});
person kgiannakakis    schedule 09.11.2009
comment
Разгледах това, но доколкото разбирам (с моя донякъде ограничен опит в jquery/js), бих могъл да направя това при зареждане, но не всеки път, когато се щракне? Имам предвид пренебрегването на функционалността при зареждане, където тя се изпълнява за всяка дата, всеки път, когато е избрана дата, ще получа избраната дата в моята функция, как мога след това да проверя следващите 11 дни? Може да пропускам нещо очевидно тук - person hard_life; 09.11.2009