Я создал подборщик диапазонов дат, используя jquery ui, где вы можете использовать один и тот же встроенный календарь, чтобы сделать оба ваших выбора даты.
Смотрите мою скрипку здесь: http://jsfiddle.net/kVsbq/4/
JS
$(".datepicker").datepicker({
minDate: 0,
numberOfMonths: [12, 1],
beforeShowDay: function (date) {
var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input1").val());
var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input2").val());
return [true, date1 && ((date.getTime() == date1.getTime()) || (date2 && date >= date1 && date <= date2)) ? "dp-highlight" : ""];
},
onSelect: function (dateText, inst) {
var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input1").val());
var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input2").val());
if (!date1 || date2) {
$("#input1").val(dateText);
$("#input2").val("");
$(this).datepicker();
} else {
$("#input2").val(dateText);
$(this).datepicker();
}
}
});
Что я хочу сделать, так это селектор диапазона: http://jsfiddle.net/D3wLX/1/
Если вы выберете более раннюю дату, то более ранняя дата автоматически сделает первую дату в диапазоне, а средние даты выделены. Прямо сейчас на моем исходном решении jquery ui он просто поместит более раннюю дату во второй ввод и не выделит даты между ними.
