程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了可以使jQuery UI Datepicker禁用周六和周日(和节假日)吗?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决可以使jQuery UI Datepicker禁用周六和周日(和节假日)吗??

开发过程中遇到可以使jQuery UI Datepicker禁用周六和周日(和节假日)吗?的问题如何解决?下面主要结合日常开发的经验,给出你关于可以使jQuery UI Datepicker禁用周六和周日(和节假日)吗?的解决方法建议,希望对你解决可以使jQuery UI Datepicker禁用周六和周日(和节假日)吗?有所启发或帮助;

有一个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禁用周六和周日(和节假日)吗?全部内容,希望文章能够帮你解决可以使jQuery UI Datepicker禁用周六和周日(和节假日)吗?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。