首页 > web前端 > js教程 > 如何从 jQuery UI Datepicker 中排除周末和节假日?

如何从 jQuery UI Datepicker 中排除周末和节假日?

DDD
发布: 2024-11-19 04:25:02
原创
718 人浏览过

How Can I Exclude Weekends and Holidays from jQuery UI Datepicker?

从 jQuery UI 日期选择器中排除星期六、星期日和节假日

您正在使用 jQuery UI 日期选择器安排下个月内的约会,但您想排除星期六和星期日。 beforeShowDay 选项为此提供了一个可自定义的解决方案。

beforeShowDay 选项

此选项采用一个回调函数,该函数返回包含两个元素的数组:

示例:排除周末

要使用内置的 noWeekends 函数排除周末,只需将其添加到beforeShowDay 选项:

$(".selector").datepicker({
  beforeShowDay: $.datepicker.noWeekends
});
登录后复制

示例:与国定假日结合

如果还想排除特定的国定假日,可以定义自定义回调函数并组合与 noWeekends:

function noWeekendsOrHolidays(date) {
  var noWeekend = $.datepicker.noWeekends(date);
  if (noWeekend[0]) {
    return nationalDays(date);
  } else {
    return noWeekend;
  }
}
登录后复制

然后在 beforeShowDay 选项中使用它:

$(".selector").datepicker({
  beforeShowDay: noWeekendsOrHolidays
});
登录后复制

注意: 在 jQuery UI 1.8.19 及更高版本中,beforeShowDay 选项也允许在禁用日期上使用可选的第三个参数作为工具提示消息。

以上是如何从 jQuery UI Datepicker 中排除周末和节假日?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板