How to Highlight Particular Dates in JQuery UI Datepicker

Highlighting particular dates

In this post I will cover how to highlight specific dates in Jquery UI Datepicker. It pretty simple actually, we will add a custom CSS class to particular dates and then style those particular dates.

Here are steps which we will be following to highlight particular dates in datepicker:

  1. We use array to hold the dates which will be highlighted.
  2. We will utilize  datepicker beforeShowDay function to add custom CSS classes to the dates in array
  3. We will add CSS rules to style the dates.

Continue Reading

How to Disable Dates in Jquery DatePicker – A Short Guide

Disable Weekends Jquery DatePicker

In my last post I talked about how you can disable past dates in Jquery datepicker. In this post I will discuss various methods for disabling dates in Jquery Datepicker.

More specifically I will be covering following cases


  • How to Disable Weekends
  • How to Disable Specific Dates
  • How to Disable Weekends + Specific dates
  • How to Disable Week Days Or Only Enable Weekends
  • How to Disable a particular day every week.


We will be utilizing the beforeshowday function throughout this tutorial.Continue Reading