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

Question

情况：有些公司的周末是周六，周日，周五和周六。因此日历应该能够动态地禁用那些日子。

我对如何使用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));
      }

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

Answer 1

如果您的javaScript执行它，您所要做的就是从数据库中检索信息并调用一个禁用日期的函数，对数据库的查询将取决于它的设计方式，但您可以创建一个表weekendDays和使用公司名称作为搜索键（更好的是id），这样你可以从weekenDays开始选择日期，其中name ='Canonical'; days可以是带有逗号分隔符的字符串... 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));
       }
   }
}

你必须用每个结果调用函数，对数据库的查询返回（周末）

这样的东西，请检查我编写的代码作为示例并且没有测试它，可能有更好的方法来实现它：）

Answer 2

我想出了一些东西：使用CSS。每一个＆＃39; div＆＃39; div因为这些日子已经上课（过去或太阳未来）。所以我们必须为它们指定CSS。它与OP无关，但只是为了记录。