JQuery的日期選擇器自定義CSS

我有下面的代碼：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>

偉大的工程，但你可以看到，我有一個名爲checkoutDates第二陣列我想改變這些細胞的CSS但不禁用它們。我不知道如何做到這一點。

我看着這個小提琴：http://jsfiddle.net/ambiguous/pjJGf/但我不知道如何改變這個讓它爲我工作。

來源

2014-03-06 AgeDeO

你只是想改變的CSS，有些細胞？ –

是的，具體而言，我想改變checkoutDates數組中的日期對應的單元格的css – AgeDeO

td.red span.ui-state-default {color：Black; } //這裏不是黑色，你給任何顏色 –

很少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; 
}

來源

2014-03-06 10:59:49 sreenivas

CSS不是問題，但我該如何告訴我的datepicker哪些單元格需要更改css – AgeDeO

JQuery的日期選擇器自定義CSS

回答

相關問題