【问题标题】:I want to disable specific holidays, and days of the week in jQuery Datepicker我想在 jQuery Datepicker 中禁用特定的假期和星期几
【发布时间】:2020-11-28 03:42:38
【问题描述】:

我正在使用使用 jQuery 日期选择器字段的重力表单。我想禁用同一天、周日、周六、周三和这些假期:劳动节(9 月 7 日)、10 月 2 日、感恩节和后天(11 月 26 日、27 日)、圣诞节(12 月 25 日)、新年(1 月) 1).

 var dateToday = new Date();
 dateToday.setDate(dateToday.getDate() + 1);
 jQuery("#input_2_1").datepicker({
     dateFormat: 'yy-mm-dd',
     minDate: dateToday,
     beforeShowDay: function(date) {
     return [!(date.getDay()==0||date.getDay()==6||date.getDay()==3||date.getDate() == "2020-09-07"||date.getDate() == "2020-11-26"||date.getDate() == "2020-11-27"||date.getDate() == "2020-12-25"||date.getDate() == "2020-01-01")]
  }
 });

但是,我还想启用这些星期三:9 月 9 日、11 月 25 日、12 月 23 日。考虑到我在上面禁用了星期三,我不知道如何实现这一点。

我在这里肯定做错了什么。我应该如何设置不同的方式来完成这个?

【问题讨论】:

标签: jquery datepicker gravityforms


【解决方案1】:

试一试:

    // set unavailable dates
    var unavailableDates = ['26-11-2020','24-12-2020','25-12-2020'];
    var availableDates = ['9-9-2020','25-11-2020'];

    // check unavailable dates and verify if the weekday is approved
    function unavailable(date) {

        // beforeShowDay, get date
        dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();

        // inArray returns the index of the element, or -1, if element not found
        // if today is found in unavailableDates, return false
        if (jQuery.inArray(dmy, unavailableDates) != -1) {

            return [false];

        // if today is found in todays availableDates, return true
        } else if (jQuery.inArray(dmy, availableDates) != -1) {

                return [true];  

        } else {

            // if day is Sunday, Saturday, Wednesday, diable the day
            if( date.getDay() == 0 || date.getDay() == 3 || date.getDay() == 6 ) {
                return [false];
            } else{
                return [true];
            }   
        }
    }


    jQuery(document).ready(function($){

        $("#input_2_1").datepicker({

            minDate : 1,
            beforeShowDay: unavailable,

        }); 

    });

【讨论】:

    猜你喜欢
    • 2021-03-12
    • 2012-05-20
    • 1970-01-01
    • 2020-10-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-02-02
    相关资源
    最近更新 更多