Disable weekends on Toolset Forms datepicker

This thread is resolved. Here is a description of the problem and solution.

Problem:

The customer wrote that he is trying to disable the weekends, from the date picker in Toolset Forms, but it is not working.

Solution:

Shared slightly updated JS code example:


jQuery(window).bind("load", function() {
jQuery( ".js-wpt-date" ).datepicker( "option", "beforeShowDay", jQuery.datepicker.noWeekends , );
});

Relevant Documentation:

n/a

This support ticket is created 3 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Karachi (GMT+05:00)

Tagged: Toolset Forms

This topic contains 2 replies, has 2 voices.

Last updated by umbertoZ 3 years ago.

Assisted by: Waqar.

Author

Posts

November 16, 2021 at 7:57 pm #2222659

umbertoZ

Hi, I'm trying to customize the Toolset Forms datepicker.

I want to disable weekends days.

I tried this:

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

  // before 18 years ago
  setTimeout(function() {
    if($( "input.js-wpt-date" )) {          
      $("input.js-wpt-date").each(function() {

        val = $(this).val();
        $(this).datepicker({
          beforeShowDay: $.datepicker.noWeekends
        });
        $(this).val(val);
      });
    }
  }, 500 );

});

It doesn't work.

Can you help me?

thanks

November 17, 2021 at 6:57 am #2222975

Waqar

Hi,

Thank you for contacting us and I'd be happy to assist.

On my test website, I was able to make this work, using this code:


jQuery(window).bind("load", function() {
jQuery( ".js-wpt-date" ).datepicker( "option", "beforeShowDay", jQuery.datepicker.noWeekends , );
});

regards,
Waqar

November 17, 2021 at 12:47 pm #2223187

umbertoZ

My issue is resolved now. Thank you!