remove date from datepicker in a cred form

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

Problem:

I have a cred form with a toolset field (type date, only date) wpcf-starting-date.

I would like to remove the possibility to select a certain date (3 January 2022).

Solution:

You can try below custom JS codes:

https://toolset.com/forums/topic/remove-date-from-datepicker-in-a-cred-form/#post-2243967

Relevant Documentation:

https://api.jqueryui.com/datepicker/

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.

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/Hong_Kong (GMT+08:00)

This topic contains 2 replies, has 2 voices.

Last updated by culturaI 3 years ago.

Assisted by: Luo Yang.

Author

Posts

December 13, 2021 at 2:46 pm #2243595

culturaI

Hello!

I have a cred form with a toolset field (type date, only date) wpcf-starting-date.

I would like to remove the possibility to select a certain date (3 January 2022).

I'm not sure about what code to insert in my form js editor.

Can i have help?

Url of the page: hidden link

Thanks

December 14, 2021 at 3:25 am #2243967

Luo Yang

Hello,

You can try below custom JS codes:

var unavailableDates = ["2022/1/3", "2022/1/4"]; //replace with those unavailable Dates
var datefield_slug = "insurance_expiration_date"; // replace with custom date field slug

jQuery(document).on('cred_form_ready', function(){
  var input = 'input[name="wpcf-' + datefield_slug + '[display-only]"]';
  jQuery(input).datepicker("option", "beforeShowDay", unavailable);
})

function unavailable(date) {
  var dmy = date.toLocaleDateString("zh-CN");
  if (jQuery.inArray(dmy, unavailableDates) == -1) {
    return [true, ""];
  } else {
    return [false, "", "Unavailable"];
  }
}

More help:
hidden link

December 14, 2021 at 7:14 am #2244053

culturaI

Resolved with this adapted code:

jQuery(document).on('cred_form_ready', function(){

var input = 'input[name="wpcf-starting-date[display-only]"]';
jQuery(input).datepicker("option", "beforeShowDay", unavailable);

})

function unavailable(date) {

var date_non_disponibili = [ "20/12/2021", "27/12/2021", "3/1/2022" ]; //Date non disponibili
var data_nazione = date.toLocaleDateString("it-IT");

if (jQuery.inArray( data_nazione, date_non_disponibili) == -1) {

return [true, ""];

} else { return [false, "", "Unavailable"]; }

}

My issue is resolved now. Thank you!