如何使用 Jquery Datepicker 在 beforeeshowday 中突出显示两种不同类型的特殊日期？

Question

我的意思是，我发现 这里有一种禁用国庆节数组的方法。

我正在尝试编写一个代码来禁用国庆日，并突出显示其他一些日子（我正在编写一个网络应用程序，我将通过另一天的数组），但让它们启用。

想象一个日历，您可以看到三种不同的日期颜色。第一个，今天的约会。第二个，灰残国庆节。在第三种颜色中，不同的日子会发生一些特别的事情。

这可能吗？

另外，我在哪里可以找到 datepicker ui 中的 css 代码来更改默认日期和禁用的日期 css 属性。

提前致谢。

Answer 1

根据您链接到的页面的功能：

$(".selector").datepicker({ beforeShowDay: specialAndNationalDays});

natDays = [
  [1, 26, 'au'], [2, 6, 'nz'], [3, 17, 'ie'],
  [4, 27, 'za'], [5, 25, 'ar'], [6, 6, 'se'],
  [7, 4, 'us'], [8, 17, 'id'], [9, 7, 'br'],
  [10, 1, 'cn'], [11, 22, 'lb'], [12, 12, 'ke']
];
speDays = [
  [1, 10, 'mbd'], // Moms Bday
  [7, 20, 'dbd']  // Dads Bday
];

function nationalDays(date) {
    for (i = 0; i < natDays.length; i++) {
      if (date.getMonth() == natDays[i][0] - 1
          && date.getDate() == natDays[i][1]) {
        return [false, natDays[i][2] + '_day'];
      }
    }
  return [true, ''];
}
function specialAndNationalDays(date) {
    for (i = 0; i < speDays.length; i++) {
      if (date.getMonth() == speDays[i][0] - 1
          && date.getDate() == speDays[i][1]) {
        return [true, speDays[i][2] + '_day']; 
        // first variable in return enables(true)/disables(false) the date
      }
    }
  return nationalDays(date);
}