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