JQuery UI日期选择器是否禁用周末但允许特定日期？

Question

我目前正在使用datepicker，我利用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，使用removeClass()
• Add $("table.ui-datepicker-calendar").find("td:contains(14)")
• Remove method
• Convert ui-datepicker-unselectable和ui-state-disabled类:使用data-year="2016" data-month="2" data-event="click" data-handler="selectDay" attr()将内部<span>添加到使用remove()和append()
• And的<span>最后，您还必须在datePicker上手动调用remove()，以设置单击元素时所需的日期。

它看起来很难看，也不是那么简单，但它对我来说是有效的，因为在DatePicker中没有内置任何东西。