How to block out specific booking dates on my calendar?

How to block out specific booking dates on my calendar?

pixietrixie
New Member
4 0 0

Hi, how do I block out specific dates, such as Christmas Day on my calendar, so that my customers do not book that day?

 

https://pixietrixieplayhouse.com/pages/spaservices

Thanks 

 

Replies 2 (2)

Bundler-Manuel
Trailblazer
575 27 69

Hey there @pixietrixie  have you tried any date picker app to this yet? There are a few good ones you can find on the Shopify store for it.

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.

Best-Commerce
Shopify Partner
42 8 6

Hi @pixietrixie,

 

The datepicker that is being used in your store is Jquery Datepicker. It has options to disable dates

For Ex:

var dates = ["25/12/2024"];
function DisableDates(date) {
    var string = jQuery.datepicker.formatDate('dd/mm/yy', date);
    return [dates.indexOf(string) == -1];
}
$(function() {
     $("#date").datepicker({
         beforeShowDay: DisableDates
     });
});

 If you can code, you can make these changes in the custom.js within the assets folder or else you need to use an app to solve this.