日历/日期选择器,颜色为可用日期

时间:2015-11-27 09:23:17

标签: jquery-ui-datepicker

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

有人可以帮助我吗?

    $("#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,	
    });

1 个答案:

答案 0 :(得分:1)

您可以使用CSS更改颜色。

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

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

对于残疾人日期:

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