Javascript jQuery日期选择器显示半天已阻止

我正在使用jQuery datepicker显示公寓的一些阻止日期。我只是将所有被阻止的日期放入数组中，并为所有类似的日期提供样式

              for (i = 0; i < activeDays.length; i++) 
              {
                   if($.inArray(y + '-' + (m+1) + '-' + d,activeDays) != -1) {
                    return [true, 'css-class-to-highlight', ''];
              }

for（i=0；i

CSS

.css类以突出显示{
背景色：红色！重要；
背景图像：无！重要；
颜色：白色！重要；
字体大小：粗体！重要；
}

这就是结果

---

我的要求是，我需要将被阻止日期的第一个日期和最后一个日期显示为可用日期的一半。这意味着一半的日期为红色。我如何使用css或javascript进行此操作？有什么想法吗？

您可以将css的背景：线性渐变属性应用于div，如下所示：

.css-class-to-highlight a{
   background : linear-gradient(red 50%, green 50%);
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
}

你甚至可以通过计算更多的颜色和百分比来制作漂亮的渐变

---

看看CSS3渐变功能。我在创建了一个渐变示例。希望这能回答您的问题。我想在第一次约会和最后一次约会时使用。但好的，我会这样做。谢谢您的回答。您能告诉我如何对角应用渐变吗？@raghuveer999-没有css选项可以对角使用。其他选项是可以做放射状的。

.css-class-to-highlight a{
   background : linear-gradient(red 50%, green 50%);
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
}