有的是beforeShowDay
选项,它需要为每个日期调用一个函数,如果允许该日期则返回 true,否则返回 false。来自文档:
演出日之前
该函数接受一个日期作为参数,并且必须返回一个数组,其中 [0] 等于 true/false 指示该日期是否可选,并且1等于 CSS 类名或默认表示的 ''。在显示日期选择器中的每一天之前都会调用它。
在日期选择器中显示一些国家假日。
$(".selector").datepicker({ beforeShowDay: nationalDays})
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']
];
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, ''];
}
存在一个名为 noWeekends 的内置函数,它可以阻止选择周末。
$(".selector").datepicker({ beforeShowDay: $.datepicker.noWeekends })
为了将两者结合起来,你可以做类似的事情(假设nationalDays
上面的函数):
$(".selector").datepicker({ beforeShowDay: noWeekendsOrHolidays})
function noWeekendsOrHolidays(date) {
var noWeekend = $.datepicker.noWeekends(date);
if (noWeekend[0]) {
return nationalDays(date);
} else {
return noWeekend;
}
}
Update:请注意,从 jQuery UI 1.8.19 开始,演出日之前选项还接受可选的第三个参数,弹出工具提示