可以使jQuery UI Datepicker禁用周六和周日（和节假日）吗？

  • Z时代
  • 2024-01-10
  • 分类：问答

我使用日期选择器选择约会日期。我已经将日期范围设置为仅下个月。很好 我想从可用选项中排除周六和周日。能做到吗？如果是这样，怎么办？

回答：

有一个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;
    }
}

：请注意，从jQueryUI1.8.19开始，beforeShowDay选项还接受可选的第三个参数，即弹出工具提示

以上是 可以使jQuery UI Datepicker禁用周六和周日（和节假日）吗？ 的全部内容， 来源链接： utcz.com/qa/430717.html

回到顶部