Bdtjtk

I saw many solutions but cant disable Sunday Monday and holidays on my contact form 7.trying this solution using and id placing it in functions and footer files but it still displays.Code is

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>



<script>

    jQuery("#datepicker").datepicker({

        beforeShowDay: function (date) {

            return [date.getDay() == 2 || date.getDay() == 3 || date.getDay() == 4 ||

            date.getDay() == 5 || date.getDay() == 6, ""]

        }

    });

</script>



<label> <span style="color: #000080;"><strong>Your Appointment Date</strong></span>(required)

[date* date-163 id:datepicker]</label>

Possible Duplicate: How to set maxDate is last day of december on current year?

Consider the following code:

$(function() {

  var holidays = {

    2019: {

      1: {

        1: [

          false,

          "holiday",

          "New Year's Day"

        ],

        21: [

          false,

          "holiday",

          "Martin Luther King Jr. Day"

        ]

      },

      2: {

        18: [

          false,

          "holiday",

          "Presidents' Day"

        ]

      },

      5: {

        27: [

          false,

          "holiday",

          "Memorial Day"

        ]

      },

      7: {

        4: [

          false,

          "holiday",

          "Independence Day"

        ]

      },

      9: {

        2: [

          false,

          "holiday",

          "Labor Day"

        ]

      },

      10: {

        14: [

          false,

          "holiday",

          "Columbus Day"

        ]

      },

      11: {

        11: [

          false,

          "holiday",

          "Veterans Day"

        ],

        28: [

          false,

          "holiday",

          "Thanksgiving Day"

        ]

      },

      12: {

        25: [

          false,

          "holiday",

          "Christmas Day"

        ],

        31: [

          false,

          "holiday",

          "New Year's Eve"

        ]

      }

    }

  };



  $("#datepicker").datepicker({

    beforeShowDay: function(date) {

      var result = [true, ""];

      var yr = $.datepicker.formatDate("yy", date),

        mo = $.datepicker.formatDate("m", date),

        dy = $.datepicker.formatDate("d", date);

      if (date.getDay() == 0 || date.getDay() == 1) {

        result[0] = false;

      }

      if (holidays[yr] !== undefined) {

        if (holidays[yr][mo] !== undefined) {

          if (holidays[yr][mo][dy] !== undefined) {

            console.log("Holiday: " + mo + "/" + dy + "/" + yr);

            result = holidays[yr][mo][dy];

          }

        }

      }

      return result;

    }

  });

});

table.ui-datepicker-calendar tbody td.holiday span {

  border: 1px solid #222;

}

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>



<label><span style="color: #000080;"><strong>Your Appointment Date</strong></span>(required)</label><input type="text" id="datepicker">

As you didn't specify which holidays you needed, I copied some old code I had for another answer. This is more complex than is needed. You can simply have an array or dates.

In beforeShowDay, we assume all days will be [true, ""]. That way there is always something to return. We then test each day, looking for a day of the week that is 0 or 1 (Sunday or Monday) or looking for a day that has been defined as a Holiday. We then update our result array and return it.

Update

In your WP Code, you will want to ensure you are creating a Text Input and not a Date Input. Also all IDs must be unique, so if you have other datepicker id's you should consider changing them.

Creating a datepicker on an <input type="date"> is not supported due to a UI conflict with the native picker.

I would advise the following:

<label> <span style="color: #000080;"><strong>Your Appointment Date</strong></span>(required)</label>[text* date-163 id:datepicker]

Hope that helps.

First you need prepare array of holidays then try this one.

var holidays = ["2014-02-27","2014-02-01"];

$( "#from" ).datepicker({

beforeShowDay: function(date){

    var datestring = jQuery.datepicker.formatDate('yy-mm-dd', date);

    return [ holidays.indexOf(datestring) == -1 ]

}

});

you can replace your script with this .. and append your holiday list in removeDays variable.

function disabledays(date) {

    var ymd = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();

        //if u have to disable a list of day

         var removeDays = ["2013-6-11","2013-6-31" ];

         if ($.inArray(ymd, removeDays) >= 0) {

        return [false];

    } else {

        //Show accept sundays

        var day = date.getDay();

        return [(day == 1 || day == 2 || day == 3 || day == 4 ||day == 5 ||day == 6 )];

    }

}



$(function () {

    $('#datepicker').datepicker({

        beforeShowDay: disabledays

    });

});

If still it dont works then share your console error.

got the answer....

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

Need to delete above script
one need to include jquery only once....adding above script along with

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>

makes $(...).datepicker null.