jQuery UI datepicker css customization

Question

Let's say I want to display a datepicker. This datepicker represents a disponibility calendar from an hotel room. Knowing this, I want before displaying fetch data from the server to know the disponibility (I know how to do this).

My question is: How can I change the css to show dates with disponibility different from the ones that doesn't have?.

Second Question: How can I disable clicking those ones that doesn't have rooms available.

Example: JetSetter calendar

Answer 1

You can check this page to disable the days you want :

http://davidwalsh.name/jquery-datepicker-disable-days