javascript - jquery ui datepicker如何实现点击切换某天的样式？

Question

已经知道的:

1. 通过 beforeShowDay 在日历加载前可以设置某些天不可选,

2. onSelect可以选中某天。

求教： 如何通过选中某天来设置这一天的特殊样式？

最终想实现的目标：点击日历的某一天即给这天添加一个标记,再次点击这天可以清除标记,可以选择多个。

$("#datepicker").datepicker({
        minDate: new Date(),
        dateFormat:"yy-mm-dd",    //日期格式
        showOtherMonths : false,  //是否显示其他月份
        numberOfMonths: 1,     //显示的月份数
        beforeShowDay: setDisableDate,  //设置不可选日期
        onSelect:function(date,obj){
            console.log(date);
            console.log(obj);
            $(".item-input-day").val(date);  //选择日期
        }
    });

Answer 1

我觉得你只需要修改两个类：

.ui-state-active {

}
.ui-state-highlight {

}

active是你选中的那天，这个class是这个UI插件自己帮你加上的，highlight是当前这一天。
参考： http://api.jqueryui.com/datepicker/#entry-examples
通过审查元素，比较可以发现。

题主的最终目标可能就是这个：
http://stackoverflow.com/questions/1452066/jquery-ui-datepicker-multiple-date-selections