栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

有一个

beforeShowDay
选项,该选项需要为每个日期调用一个函数,如果允许日期,则返回true,否则,则返回false。从文档:


ShowShow之前

该函数将日期作为参数,并且必须返回一个数组,该数组的[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选项还接受可选的第三个参数,即弹出工具提示



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/385097.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号