Hi all,
so I solved this.
For the additional CSS, PHP, Javascript needed I am now using a brilliant plugin called “CSS and Javascript Toolbox” or “CJT” in short.
It lets you define “blocks” of code and you can choose where to insert these. The big advantage of that is that you have all your additional code for your theme in one place and when you switch to another theme, everything still works. Even better than using a child theme.
When using this plug-in, don’t forget to define the additional script tags with your code block (you will find out).
In the header of the page, with your datepicker containing form shortcode, you can add this javascript:
jQuery(function($){
var holidayDates = [“10-5”, “13-5”]; // define your holidays here
$(“#brengdatum,#haaldatum”).datepicker({
numberOfMonths: 1,
beforeShowDay: function(date) {
var day = date.getDay(),
dm = date.getDate() + “-” + (date.getMonth() + 1);
var isHoliday = ($.inArray(dm, holidayDates) != -1);
return [day != 0 && !isHoliday];
}});
});
#brengdatum and #haaldatum are two datepicker input fields on the form 7 form and those names are the id’s that you should give them.
If you have only one datepicker on the form, just use one id name like #your-id-name.
day != 0 is Sunday.
so you block sundays with the above script. You can replace that with another day. So Monday should be 1, Tuesday 2, etc.
TIP:
Use id names for unique items, and class names for multiple items with the same class.
id names are referenced in css with a #. Like #your-id-name.
class names are refenced in css with a dot. Like .your-class-name.
