jQuery UI 日期选择器 - 禁用公共假期、周末、第二天上午 10 点之后，只允许周二、周三和周四作为可选日期

jQuery UI datepicker - disable public holidays, weekends, next day after 10am AND only allow Tuesday, Wednesday & Thursday as selectable days

本文关键字：日期 许周二 之后 周三 周四 选择器 UI jQuery 第二天 周末 假期      更新时间：2023-09-26

我正在使用 JQuery UI 日期选择器的代码 第二天中午 12 点之后禁用周末、公共假期和第二天（如果在上午 10 点之后选择），但我坚持如何只允许选择星期二、周三和星期四。

// dates
var dateMin = new Date();
var weekDays = AddWeekDays(1);
dateMin.setDate(dateMin.getDate() + weekDays);
var natDays = [
  [1, 1, 'uk'],
  [12, 25, 'uk'],
  [12, 26, 'uk']
];
function noWeekendsOrHolidays(date) {
    var noWeekend = $j.datepicker.noWeekends(date);
    if (noWeekend[0]) {
        return nationalDays(date);
    } else {
        return noWeekend;
    }
}
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, ''];
}
function AddWeekDays(weekDaysToAdd) {
    var mydate = new Date();
    if (mydate.getHours()>=10) 
    var daysToAdd = 1;
    else var daysToAdd = 0;
    var day = mydate.getDay()
    weekDaysToAdd = weekDaysToAdd - (5 - day)
    if ((5 - day) < weekDaysToAdd || weekDaysToAdd == 1) {
        daysToAdd = (5 - day) + 2 + daysToAdd
    } else { // (5-day) >= weekDaysToAdd
        daysToAdd = (5 - day) + daysToAdd
    }
    while (weekDaysToAdd != 0) {
        var week = weekDaysToAdd - 5
        if (week > 0) {
            daysToAdd = 7 + daysToAdd
            weekDaysToAdd = weekDaysToAdd - 5
        } else { // week < 0
            daysToAdd = (5 + week) + daysToAdd
            weekDaysToAdd = weekDaysToAdd - (5 + week)
        }
    }
    return daysToAdd;
}   
$j('.input-text.addon.addon-custom').datepicker({
    beforeShowDay: noWeekendsOrHolidays,
    minDate : dateMin,
    defaultDate: +1,
    firstDay: 1,
    changeFirstDay: true,
    dateFormat: "DD, dd MM yy"
});

任何帮助将不胜感激。

在这里小提琴：http://jsfiddle.net/prydonian/4k4gga6j/

在日期选择器函数上，添加"beforeShowDay"选项，如下所示。

jQuery('#datepicker').datepicker({
    minDate: dateMin,
    defaultDate: +1,
    firstDay: 1,
    changeFirstDay: true,
    dateFormat: "DD, dd MM yy",
    beforeShowDay: function(day){
         if (day.getDay()<2 || day.getDay()>4){
            return [false, ""];
        }
        return noWeekendsOrHolidays(day);
    }
});

这是小提琴更新： http://jsfiddle.net/4k4gga6j/3/

如果我

理解正确，您需要排除周二、周三和周四以外的任何一天？如果答案是肯定的，则应将以下代码添加到现有的 noWeekendsOrHolidays 方法中：

($.inArray(date.getDay(), [2, 3, 4]) != -1)

这是更新的JSFiddle http://jsfiddle.net/4k4gga6j/4/

相关文章：