如何使用Jquery Datepicker突出顯示兩天不同的特殊日期？

Question

我的意思是，我發現here一種禁用nationalDays數組的方法。

我試圖做一個代碼來禁用國家的日子，也突出一些其他日子（我正在編碼一個Web應用程序，我會通過另一陣列的日子），但讓他們啓用。

想象一下你可以看到三種不同日子顏色的日曆。第一個，今天的日期。第二，灰色殘疾的國家日子。而在第三種顏色，不同的日子裏會發生一些特別的事情。

這是可能的。

另外，我在哪裏可以找到datepicker ui中的css代碼來更改默認日期以及禁用日期css屬性。

在此先感謝。

Answer 1

基於從頁面中的功能鏈接到您：

$(".selector").datepicker({ beforeShowDay: specialAndNationalDays}); 

natDays = [ 
    [1, 26, 'au'], [2, 6, 'nz'], [3, 17, 'ie'], 
    [4, 27, 'za'], [5, 25, 'ar'], [6, 6, 'se'], 
    [7, 4, 'us'], [8, 17, 'id'], [9, 7, 'br'], 
    [10, 1, 'cn'], [11, 22, 'lb'], [12, 12, 'ke'] 
]; 
speDays = [ 
    [1, 10, 'mbd'], // Moms Bday 
    [7, 20, 'dbd'] // Dads Bday 
]; 

function nationalDays(date) { 
    for (i = 0; i < natDays.length; i++) { 
     if (date.getMonth() == natDays[i][0] - 1 
      && date.getDate() == natDays[i][1]) { 
     return [false, natDays[i][2] + '_day']; 
     } 
    } 
    return [true, '']; 
} 
function specialAndNationalDays(date) { 
    for (i = 0; i < speDays.length; i++) { 
     if (date.getMonth() == speDays[i][0] - 1 
      && date.getDate() == speDays[i][1]) { 
     return [true, speDays[i][2] + '_day']; 
     // first variable in return enables(true)/disables(false) the date 
     } 
    } 
    return nationalDays(date); 
}