我使用日期选择器来选择约会日期。我已经将日期范围设置为仅下个月。这很好用。我想从可用选项中排除周六和周日。这可以做到吗?如果是这样,怎么做?
有一个beforeShowDay选项,它需要为每个日期调用一个函数,如果允许日期,则返回 true,否则返回 false。从文档:
beforeShowDay
演出前
该函数将日期作为参数,并且必须返回一个数组,其中 [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上面的函数):
nationalDays
$(".selector").datepicker({ beforeShowDay: noWeekendsOrHolidays}) function noWeekendsOrHolidays(date) { var noWeekend = $.datepicker.noWeekends(date); if (noWeekend[0]) { return nationalDays(date); } else { return noWeekend; } }
更新 :请注意,从 jQuery UI 1.8.19 开始,beforeShowDay 选项还接受可选的第三个参数,即弹出工具提示