Jquery-ui-1.7.2要突出显示日期之间取件和返回日期

Question

我在我的项目中使用Jquery-ui 1.7.2日历。我的日历上有Jquery-ui-1.7.2.js和Jquery-ui-1.7.2.css。

当我选择取件和返回日期时，两者都以红色显示。但是，我也想用我选择的颜色在日历中突出显示这两者之间的日期。

请帮我用代码。

Answer 1

Working Fiddle

试试这个：

$(".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(); 
      } 
     } 
    });