如何为Datepicker中特定状态日期设置对应悬停颜色？

只需要修改CSS代码即可，无需改动JS。

原CSS代码强制把所有日期的hover状态设为红色，导致覆盖了不同颜色日期的hover样式。你需要针对绿色、红色日期的类，分别设置对应的hover背景色：

/* 绿色日期hover时显示深绿色 */
.ll-skin-melon td .available.ui-state-hover {
    background: darkgreen !important;
}

/* 红色日期hover时显示深红色 */
.ll-skin-melon td .unavailable.ui-state-hover {
    background: darkred !important;
}

替换掉你原来的那行CSS代码即可。原理是通过更具体的选择器（将日期本身的类与hover状态类组合），让不同颜色的日期在hover时触发对应的样式，不会被全局样式覆盖。

内容的提问来源于stack exchange，提问作者korador