一天的jQuery UI Datepicker更改样式

Question

I'm writing a simple script.

I read from a database non-working days, and I'd like to change the background/font color for these days. When I click a day, I toggle it background/font color.

With non-working days, I'm not saying weekends, but mid-week days that are non-working, because of national holidays .

How could I modify specific days in datepicker? Is this possible? May I design and code a custom calendar?

Thanks

Answer 1

This has been asked before, I think this (along with the fiddle) answers your question:

jQuery UI datepicker: How to color sundays red?

Datepicker has a .ui-datepicker-week-end element that you can use to change the background/font accordingly. An example given in the above is:

.ui-datepicker-week-end a {
    background-image: none;
    background-color: red;
}

If you want to set the color property instead of background-color, you will indeed have to use !important:

.ui-datepicker-week-end a {
    color: red !important;
}

Adding answer specifically for changing bank holiday dates for future reference. This is a nice step by step guide.

http://www.jquerybyexample.net/2012/05/highlight-specific-dates-in-jquery-ui.html