Disable dates by name of day in jquery ui datepicker

Question

Can someone let me know if it's possible to disable dates in the datepicker by passing day names to it?

Eg. I would like to only allow dates that fall on a Wednesday, Friday and Sunday and grey out all other dates.

Is this possible?

Thanks

ShankarSangoli · Accepted Answer · 2012-01-29 18:37:27Z

1

You can use beforeShowDay event of datepicker to disable days conditionally. Try this

$(document).ready(function() {
  $('#datepicker').datepicker({
    beforeShowDay: filterDays
  });
});

// getDay() method returns the day of the week (from 0 to 6) where 
// Sunday is 0, Monday is 1, and so on.
function filterDays(date) {
   var day = date.getDay();
   //return true only if day is Wed or Fri or Sun
   return (day == 3 || day == 5 || day == 0);
}

answered Jan 29, 2012 at 18:37

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Disable dates by name of day in jquery ui datepicker

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related