Я ищу способ выделить промежуточные дни диапазон дат 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 строк ранее.
Есть идеи?