在JQuery日期選擇器中更改禁用日期的顏色

我正在使用JQuery來顯示日曆（日期選擇器）。在JQuery日期選擇器中更改禁用日期的顏色

我已經禁用了週末輕鬆，然後我試圖禁用國家的日子。

所以這裏的代碼示例：

function checkHolidays(date, holidaysArray) { 
    for (var i = 0; i < holidaysArray.length; ++i) { 
     if (date.getMonth() == holidaysArray[i][0].getMonth() 
      && date.getDate() == holidaysArray[i][0].getDate()) { 
      return ([false, 'holiday', holidaysArray[i][1]]); 
     } 
    } 
    return [true, '']; 
}

這是工作。但我想改變單元格的顏色（「假日」CSS屬性），這是行不通的。因爲我將這一天設置爲禁用狀態，所以不會應用假日CSS屬性。

但是，如果我不關閉日期，即：

return ([true, 'holiday', holidaysArray[i][2]]);

CSS屬性正在發揮作用。有什麼想法？

編輯：

我已經更新了我的CSS規則：

.holiday, .ui-datepicker .holiday span 
{ 
    background: none #FFEBAF; 
    border: 1px solid #BF5A0C; 
}

，現在是可以正常使用。

這篇文章幫我：How to change cell color

來源

2012-01-31 Tony

您可以鏈接到你的代碼？ – Jasper 2012-01-31 17:32:45

你需要更多什麼？我在日期選擇器的beforeShowDay屬性中應用此函數。而已。也許你想要的CSS代碼行？但它是沒用的。 – Tony 2012-01-31 17:34:47

我想看看插件的最終輸出，所以我可以看到插件和瀏覽器正在應用哪些類/屬性。 – Jasper 2012-01-31 17:59:18

您可能會發現這些有用的：

jQuery UI DatePicker: Disable Specified Days

jQuery UI: Highlight multiple dates in jquery datepicker

Disable date

來源

2012-01-31 17:35:03 mikul

我用這些來創建我的代碼，它工作。我可以禁用我想要的日子，但我無法更改CSS屬性，使殘疾人日子看起來像我想要的。 – Tony 2012-01-31 17:39:15

應該有一個不同的ID或類，您可以使用該目標的元素 – mikul 2012-01-31 17:49:22

我已更新我的帖子並添加了答案。 – Tony 2012-02-22 11:17:54

在JQuery日期選擇器中更改禁用日期的顏色

回答

相關問題