Calendar/datepicker 可用日期颜色

Question

我想在我的日历日期选择器中为可用日期着色 [26-11-2015, 28-11-2015, 30-11-2015] I select.

有人可以帮助我吗？

    $("#datepicker").datepicker({
     
     inline: true,
     dayNamesMin: [ "Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam" ],
     monthNames: [ "Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Auôt", "Septembre", "Octobre", "Novembre", "Décembre" ],
     firstDay: 1,
     minDate: 0,
      beforeShowDay: function(date){
      var day = date.getDay();
            return [(day != +7)];
           /* var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
            return [ array.indexOf(string) == -1 ];*/
        },
     
        closeText: 'Fermer',
        // The hidden field to receive the date
        altField: "#dateHidden",
     prevText: '<',
        nextText: '>',
        // The format you want
        altFormat: "yymmdd",
        // The format the user actually sees
        dateFormat: "yymmdd",
     isRTL: false,
     showMonthAfterYear: false,
     yearSuffix: '',
        onSelect: selectDate, 
    });

Answer 1

您可以使用 CSS 更改颜色。

以下是更改可用启用日期颜色的示例：

.ui-datepicker .ui-state-default {
    color: deepskyblue;
    background: ghostwhite;
}

对于禁用日期：

.ui-datepicker td.ui-state-disabled>span {
    color: tomato;
}

Calendar/datepicker 可用日期颜色

Calendar/datepicker with color the available date

jquery-ui-datepicker