Hey Steve! That code is super useful for a similar thing I'm trying to accomplish with one of my own forms. Which portion of that script restricts it to Sundays? I'm looking to restrict the date picker for one field to a Friday, and for another field to a Thursday. 

Edit: Nevermind, I answered my own question without breaking things! For anyone else that's curious, this is the line that needs modified to change the day of the week:

return (t==0);

Where:

• 0 = Sunday
• 1 = Monday
• 2 = Tuesday
• 3 = Wednesday
• 4 = Thursday
• 5 = Friday
• 6 = Saturday

Thanks!

Okay, so changing the day of the week was easy. Modifying this code to apply to two different fields with two different day restrictions is not as easy, at least for me. Could anyone provide any assistance?

Check this out

https://answers.laserfiche.com/questions/109445/How-to-restrict-date-picker-selection-based-on-the-entry-in-another-date-field#109448

Hey Steve! That's not exactly what I'm looking to accomplish. The two date fields don't need to be based on one another at all, I just need to restrict one of them to only allow Fridays to be selected, while also restricting another date field to only allow Thursdays. Using the code you provided for Vanessa I was able to tweak it to get it to work on another day other than Sunday, but tweaking it to work for two fields with two different dates is proving to be challenging.

I think we need a more experienced coder for this :) @JimBrannen

This isn't probably the most efficient way of doing this but put the code in the form twice then just use a different css class on each date field (i.e. Fri and Thurs).  Then change the return to the 4 for Thurs and 5 for Fri. Also be sure to change the class at the bottom to correspond with the correct return day (see highlight in pic below).

Appreciate it Steve :)

Took a stab at it and everything seems to work on my end. This should work:

$(document).ready(function() {
  function checkField(input) {
    var day = parseInt($(input).attr("data-parsley-date-day-restriction"));
    console.log(input);
    switch(day) {
      case 0: $(input).datepicker("option", {beforeShowDay: function(d){return [d.getDay()==0,""];}});
        break;
      case 1: $(input).datepicker("option", {beforeShowDay: function(d){return [d.getDay()==1,""];}});
        break;
      case 2: $(input).datepicker("option", {beforeShowDay: function(d){return [d.getDay()==2,""];}});
        break;
      case 3: $(input).datepicker("option", {beforeShowDay: function(d){return [d.getDay()==3,""];}});
        break;
      case 4: $(input).datepicker("option", {beforeShowDay: function(d){return [d.getDay()==4,""];}});
        break;
      case 5: $(input).datepicker("option", {beforeShowDay: function(d){return [d.getDay()==5,""];}});
        break;
      case 6: $(input).datepicker("option", {beforeShowDay: function(d){return [d.getDay()==6,""];}});
        break;
      default:
    }
  };
  $.datepicker.setDefaults({beforeShow: checkField});
  window.Parsley.addValidator("dateDayRestriction", {
    validateString: function(val, day) {
      return ((new Date(val)).getDay()+1)%7 == parseInt(day);
    },
    messages: { en: "Invalid day of the week." }
  });
  $(".date-restriction-sun input").attr("data-parsley-date-day-restriction","0");
  $(".date-restriction-mon input").attr("data-parsley-date-day-restriction","1");
  $(".date-restriction-tue input").attr("data-parsley-date-day-restriction","2");
  $(".date-restriction-wed input").attr("data-parsley-date-day-restriction","3");
  $(".date-restriction-thu input").attr("data-parsley-date-day-restriction","4");
  $(".date-restriction-fri input").attr("data-parsley-date-day-restriction","5");
  $(".date-restriction-sat input").attr("data-parsley-date-day-restriction","6");
});

It includes classes for every day of the week. Simply apply the appropriate CSS class to the date field and it should filter the selection and display an error if it's an incorrect day of the week.

CSS classes:

• date-restriction-sun
• date-restriction-mon
• date-restriction-tue
• date-restriction-wed
• date-restriction-thu
• date-restriction-fri
• date-restriction-sat

Jim. You sir, are a saint. Thank you so much for this! It works perfectly and the way in which you laid that out, I can reuse it on any forms in the future. This is fantastic!!! Thanks once again, and have a great day!

And thank you Steve for summoning Jim :)

Thank you Jim for stepping up on this. I am sure many will use this in the future

@SteveKnowlton

Okay, one small issue that I've since fixed: Despite the restrictions working properly, the error message is being generated still. When I restrict the dates to Fridays, only a manually entered date that falls on a Thursday will work. When I restrict the dates to Thursdays, only a manually entered date that falls on a Wednesday will work.

I did some testing, and it seems that removing the "+1" from line 26 of that code fixes the issue.