Javascript 如何在响应日历（w3小部件）中动态禁用日期？

情境：有些公司的周末是周六和周日，或者是周五和周六。因此，日历应该能够动态禁用这些日期，如下所示

我对如何使用javascript有一些基本想法：

// determine weekends
    if(dayType === 'fri' || dayType === 'sat') {
          day.append($("<a class='disabled'>" + dayNum + "</a>").attr("data-day", dayNum).attr("data-month", monthNum).attr("data-year", yearNum));
      }else {
          day.append($("<a>" + dayNum + "</a>").attr("data-day", dayNum).attr("data-month", monthNum).attr("data-year", yearNum));
      }

//确定周末
如果（dayType=='fri'| | dayType==='sat'）{
day.append（$（“+dayNum+”）.attr（“数据日”，dayNum.attr（“数据月”，月）。attr（“数据年”，月））；
}否则{
day.append（$（“+dayNum+”）.attr（“数据日”，dayNum.attr（“数据月”，月）。attr（“数据年”，月））；
}

---

在使用php从数据库获取数据后，如何使其动态化并基于公司的周末？

如果您的javaScript做到了这一点，您所要做的就是从数据库中检索信息并调用一个禁用天数的函数，对数据库的查询将取决于它的设计方式，但是您可以创建一个weekenDays表，并使用公司名称作为搜索键（最好是一个id），这样您就可以从weekenDays中选择日期，其中name='Canonical'；天可以是带有逗号分隔符的字符串。。。days={“fri，sat”}，然后分割结果并调用disableDays将分割的文本作为参数发送

function disableDays(dayToDisable){
         // determine weekends
     for(idx=0; idx<dayToDisable.length; idx++){
       if(dayType === dayToDisable[idx]) {
           day.append($("<a class='disabled'>" + dayNum + "</a>").attr("data-day", dayNum).attr("data-month", monthNum).attr("data-year", yearNum));
       }
       else {
             day.append($("<a>" + dayNum + "</a>").attr("data-day", dayNum).attr("data-month", monthNum).attr("data-year", yearNum));
       }
   }
}

功能禁用天数（dayToDisable）{
//确定周末
对于（idx=0；idx我想出了一个办法：使用CSS。这几天的每个“div”都有类（wed-pass或sun-future）。因此，我们必须为它们指定CSS。这与OP无关，但只是为了记录。
谢谢你的回答。我完全明白怎么做。但是上面的代码是用js文件编写的。有没有办法从php文件中获取数据并在js文件中使用它们？好的，那么你需要使用AJAX，就像这里所说的：你必须调用你的php喜欢这样：
$.ajax（{url:'yourpscript.php'，complete:function（response）{disableDays（response.split（，）；}，error:function（）{alert（“error！”）；}）；}
@DIEGO CARRASCAL我看到了你出色的回答。这对我帮助太大了。请，我还需要知道用户单击下一个/上一个链接或进入事件onMonthChange时的月份和年份。值数据['year]和数据['month']不要在那里工作。一些帮助会很感激。我建议你用你的代码创建一个新问题，因为我对这个问题的回答是基于我对代码的分析，而不是以前的经验…对不起，我帮不了你更多，但如果你用代码创建一个问题，我会尽力帮助你：）