gpt4 book ai didi

javascript - 可以使 jQuery UI Datepicker 禁用周六和周日(和节假日)吗?

转载 作者:IT老高 更新时间:2023-10-28 13:14:57 27 4
gpt4 key购买 nike

我使用日期选择器来选择约会日期。我已经将日期范围设置为仅下个月。这很好用。我想从可用选项中排除周六和周日。这可以做到吗?如果有,怎么做?

最佳答案

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;
}
}

更新:请注意,从 jQuery UI 1.8.19 开始,beforeShowDay option还接受一个可选的第三个参数,一个弹出工具提示

关于javascript - 可以使 jQuery UI Datepicker 禁用周六和周日(和节假日)吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/501943/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com