Jquery ui 如何使用beforeShowDay将自定义CSS属性添加到datepicker days?

Jquery ui 如何使用beforeShowDay将自定义CSS属性添加到datepicker days?,jquery-ui,jquery-ui-datepicker,Jquery Ui,Jquery Ui Datepicker,我知道如何使用beforeShowDay将CSS类添加到特定的日期,但我不知道如何添加单个CSS属性。我试图用十六进制值给特定的日子着色,但我不知道这些日子会提前到什么时候,所以我不能只为所有日子上课。考虑下面的例子 $(函数(){ 变量类大小={ "04192021": 12, "04202021": 2, "04212021": 20, "04222021": 6, "04232021": 4, "04262021": 9 }; $(“#日期选择器”)。日期选择器({ beforeShow

我知道如何使用beforeShowDay将CSS类添加到特定的日期,但我不知道如何添加单个CSS属性。我试图用十六进制值给特定的日子着色,但我不知道这些日子会提前到什么时候,所以我不能只为所有日子上课。

考虑下面的例子

$(函数(){
变量类大小={
"04192021": 12,
"04202021": 2,
"04212021": 20,
"04222021": 6,
"04232021": 4,
"04262021": 9
};
$(“#日期选择器”)。日期选择器({
beforeShowDay:功能(日期){
var dateString=$.datepicker.formatDate(“mmddyy”,date);
var结果=[
date.getDay()==0 | | date.getDay()==6?false:true,
“蓝色-0”,
“0名学生参加”
];
if(类大小[日期字符串]){
结果[1]=“蓝色-”+类大小[dateString];
结果[2]=班级规模[dateString]+“学生参与”;
}
返回结果;
}
});
});
.ui日期选择器td.blue-0 a{
背景色:#FFFFFF;
}
.ui日期选择器td.blue-1 a{
背景#EFEFFF;
}
.ui日期选择器td.blue-2 a{
背景:#DFFF;
}
.ui日期选择器td.blue-3 a{
背景:#CFCFFF;
}
.ui日期选择器td.blue-4 a{
背景:#bfff;
}
.ui日期选择器td.blue-5 a{
背景:#AFAFFF;
}
.ui日期选择器td.blue-6 a{
背景:#9F9FFF;
}
.ui日期选择器td.blue-7 a{
背景:#8F8FFF;
}
.ui日期选择器td.blue-8 a{
背景:#7F7FFF;
}
.ui日期选择器td.blue-9 a{
背景#6F6FFF;
}
.ui日期选择器td.blue-10 a{
背景:5F5FFF;
颜色:#fff;
}
.ui日期选择器td.blue-11 a{
背景:4F4FFF;
颜色:#fff;
}
.ui日期选择器td.blue-12 a{
背景:3F3FFF;
颜色:#fff;
}
.ui日期选择器td.blue-13 a{
背景:#2ff;
颜色:#fff;
}
.ui日期选择器td.blue-14 a{
背景:#1ff;
颜色:#fff;
}
.ui日期选择器td.blue-15 a{
背景:#0F0FFF;
颜色:#fff;
}
.ui日期选择器td.blue-16 a{
背景:#0E0EFF;
颜色:#fff;
}
.ui日期选择器td.blue-17 a{
背景:#0D0DFF;
颜色:#fff;
}
.ui日期选择器td.blue-18 a{
背景:#0B0BFF;
颜色:#fff;
}
.ui日期选择器td.blue-19 a{
背景:#0A0AFF;
颜色:#fff;
}
.ui日期选择器td.blue-20 a{
背景#0909FF ;;
颜色:#fff;
}
.ui日期选择器td.blue-21 a{
背景:#0808FF;
颜色:#fff;
}
.ui日期选择器td.blue-22 a{
背景#0707FF;
颜色:#fff;
}
.ui日期选择器td.blue-23 a{
背景#0606FF ;;
颜色:#fff;
}
.ui日期选择器td.blue-24 a{
背景:#0505FF;
颜色:#fff;
}
.ui日期选择器td.blue-25 a{
背景#0404FF;
颜色:#fff;
}
.ui日期选择器td.blue-26 a{
背景:#0303FF;
颜色:#fff;
}
.ui日期选择器td.blue-27 a{
背景#0202FF;
颜色:#fff;
}
.ui日期选择器td.blue-28 a{
背景:#0101FF;
颜色:#fff;
}
.ui日期选择器td.blue-29 a{
背景:#0000FF;
颜色:#fff;
}


日期:

请参见:阅读问题!我知道如何添加类,而不是单个属性。添加类是该部分描述的唯一内容。我确实读过这个问题。你可以将这些课程添加到一天中。添加类后,可以使用CSS设置该类的样式。如果您需要进一步的帮助,请提供一个最小的、可复制的示例:问题是我不知道它将是什么颜色,而且我不想创建数百万个类。你是说我应该动态地添加类,跟踪它们,并用Javascript设置它们的样式吗?现在还不清楚为什么你不知道这些颜色会是什么。你是含糊不清的,没有代码的例子。如果需要将样式应用于元素本身,这将非常困难。让我们从哪一天开始得到颜色?这个月的第一天?这周的第一天?每个月15号?一个月的每一天都有独特的颜色吗?