[Resolved] remove date from datepicker in a cred form

[Author]

Posts

[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

[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

[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!