JQuery日期选择器自定义CSS

我有以下代码：

<script>

    function reservedDates(date)
    {
        var reserved = ["2014-03-03","2014-03-04","2014-03-05","2014-03-06","2014-03-07","2014-03-08","2014-03-17","2014-03-18","2014-03-19","2014-03-20","2014-03-21","2014-03-22",];
        var checkoutDates = ["2014-03-09","2014-03-23",];
        var string = jQuery.datepicker.formatDate('yy-mm-dd', date); 
        return [ reserved.indexOf(string) == -1 ];
    }

        $.datepicker.setDefaults($.datepicker.regional['nl']);

        $(function() {
        $( "#startDate, #endDate" ).datepicker({
            beforeShowDay: reservedDates,
            minDate: 0 });

    });

    </script>

功能保留日期（日期）
{
保留的风险值=[“2014-03-03”、“2014-03-04”、“2014-03-05”、“2014-03-06”、“2014-03-07”、“2014-03-08”、“2014-03-17”、“2014-03-18”、“2014-03-19”、“2014-03-20”、“2014-03-21”、“2014-03-22”]；
风险值签出日期=[“2014-03-09”、“2014-03-23”和]；
var string=jQuery.datepicker.formatDate（'yy-mm-dd'，日期）；
返回[reserved.indexOf（string）=-1]；
}
$.datepicker.setDefaults（$.datepicker.regional['nl']）；
$（函数（）{
$（“#开始日期，#结束日期”）.datepicker({
展示日前：预订日期，
minDate:0}）；
});

这非常有效，但正如您所看到的，我得到了第二个名为

checkoutDates

的数组。我希望更改这些单元格的CSS，但不禁用它们。我不知道怎么做

---

我看了看这把小提琴：但我不知道如何改变它来让它为我工作。

用一点

css

你就可以编写代码了

.ui-datepicker td {
    border: 1px solid #CCC;
    padding: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: solid #FFF;
    border-width: 1px 0 0 1px;
}

---

您只想更改某些单元格的css？是的，具体来说，我想更改与checkoutDates arraytd.red span.ui-state-default{color:Black；}//这里不是黑色，而是任何颜色我知道css的工作原理，这不是问题，但是我如何告诉jquery在哪些单元格上必须应用CSS（与checkoutDates数组中的日期相对应的单元格）CSS不是问题，但是我如何告诉我的日期选择器CSS需要更改哪些单元格