如何在HTML，CSS，PHP，JAVASCRIPT中禁用日历中的特定日期？

Question

上面的截图是我们项目的一部分，其目的是根据他/她提到的那天预约相关医生的预约。 我们希望将日历中的相同日期反映为活动/突出显示..并且其余时间将被禁用..以便在那些日子不能执行任何操作。我们想在html，css，php或javascript的帮助下做到这一点。 请帮忙。

Answer 1

/ *创建需要禁用的天数数组* /

var disabledDays = ["2-21-2010","2-24-2010","2-27-2010","2-28-2010","3-3-2010","3-17-2010","4-2-2010","4-3-2010","4-4-2010","4-5-2010"];

/ *实用程序功能* /

function nationalDays(date) {
var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
//console.log('Checking (raw): ' + m + '-' + d + '-' + y);
for (i = 0; i < disabledDays.length; i++) {
    if($.inArray((m+1) + '-' + d + '-' + y,disabledDays) != -1 || new Date() > date) {
        //console.log('bad:  ' + (m+1) + '-' + d + '-' + y + ' / ' + disabledDays[i]);
        return [false];
    }
}
//console.log('good:  ' + (m+1) + '-' + d + '-' + y);
return [true];
}

function noWeekendsOrHolidays(date) {
var noWeekend = jQuery.datepicker.noWeekends(date);
return noWeekend[0] ? nationalDays(date) : noWeekend;
}

/ *创建datepicker * /

jQuery(document).ready(function() {
jQuery('#date').datepicker({
    minDate: new Date(2010, 0, 1),
    maxDate: new Date(2010, 5, 31),
    dateFormat: 'DD, MM, d, yy',
    constrainInput: true,
    beforeShowDay: noWeekendsOrHolidays
});
});