jQuery UI Datepicker禁用周末，但允許指定日期？

Question

我目前正在使用日期選擇器，並且使用beforeShowDay和noWeekends禁用可以正常工作的周末選擇，但是我想重新啟用某些周末（例如情人節）以進行選擇，因為我的商店將特別為那些日子提供。 有什么辦法嗎？

Answer 1

好吧，您將不得不在UI DatePicker功能上作弊，因為您必須手動設置代表每月活動日期的值。

首先，看看活動日的HTML結構：

<td data-year="2016" data-month="2" data-event="click" data-handler="selectDay" class=" ">
<a href="#" class="ui-state-default">11</a>
</td>

這是不活躍的一天的樣子：

<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled ">
<span class="ui-state-default">12</span>
</td>

因此，您要做的是：

• 在DOM中標識您要激活的日期。 Ej， $("table.ui-datepicker-calendar").find("td:contains(14)")
• 使用removeClass()刪除ui-datepicker-unselectable和ui-state-disabled類
• 添加缺少的屬性： data-year="2016" data-month="2" data-event="click" data-handler="selectDay"使用attr()方法
• 使用remove()和append()將內部<span>轉換為<a>
• 最后，您還必須在datePicker上手動調用setDate ，以在單擊元素時設置所需的日期。

它看起來很丑，不是那么簡單，但是它對我有用，因為DatePicker中沒有內置的東西。