需要突出日期的jQuery日期選擇器的範圍

我正在使用jQuery UI顯示內嵌日期選擇器在這我有一個開始日期和結束日期。我想強調他們之間的日期。需要突出日期的jQuery日期選擇器的範圍

來源

2013-05-01 Charlie Gates

沒有解決方案爲我工作。 – 2013-05-01 11:48:45

你需要更具體*爲什麼其他解決方案不適合你。否則，你只會得到相同的答案。 – JJJ 2013-05-01 11:56:09

只有開始和結束日期在這些解決方案中獲得高分。我希望他們之間的整個日期範圍得到突出顯示。 – 2013-05-01 12:49:22

您可以使用jQuery UI datepicker beforeShowDay函數，並在其中檢查日期是否必須根據您的範圍突出顯示。

甲函數採用一個日期作爲參數，並且必須以返回一個數組 [0]等於真/假指示該日期是否是可選擇，1等於CSS類別名稱或「」爲演示文稿的默認，以及[2]此日期的可選彈出式工具提示。在日期選擇器顯示之前，每天都會調用。

例子：

var date1 = new Date(2013, 4, 6); 
var date2 = new Date(2013, 4, 17); 

$(document).ready(function() { 
    $('#datepicker').datepicker({ 
     beforeShowDay: function (date) { 
      debugger 
      if (date >= date1 && date <= date2) { 
       return [true, 'ui-state-error', '']; 
      } 
      return [true, '', '']; 
     } 
    }); 
});

這裏是工作提琴：http://jsfiddle.net/IrvinDominin/zz9u4/

來源

2013-05-01 13:00:40

需要突出日期的jQuery日期選擇器的範圍

回答

相關問題