使 jquery 日期选择器在每年相同的日期使用不同的颜色

Question

我想让日期选择器的日期单元格在每年的相同日期都显示不同的颜色。如果月份是 12（十二月）并且天数是 18 到 31。我不想要一个应该是不同颜色的特定日期数组。

我试过这个：

beforeShowDay: function(date) {
      var day = date.getUTCDate();
      var month = date.getUTCMonth();

      return [!( (day == 17 && month == 11) || (day == 18 && month == 11) || (day == 19 && month == 11) || (day == 20 && month == 11) || (day == 21 && month == 11) || (day == 22 && month == 11) || (day == 23 && month == 11) || (day == 24 && month == 11) || (day == 25 && month == 11) || (day == 26 && month == 11) || (day == 27 && month == 11) || (day == 28 && month == 11) || (day == 29 && month == 11) || (day == 30 && month == 11) )];
}

但这只是禁用了单元格。我不想禁用它们

Answer 1

您想使用 jQuery

更改全年 12 月份的所有 18 到 31 日期的颜色

请检查以下代码：

$('#mydate').datepicker({
    beforeShowDay: colorize
});


function colorize(date) {
    if((date.getMonth() + 1)!=12) return [true, ""];
    if(date.getDate()<18) return [true, ""];
    
    return [true, "cool"];
}

.cool a.ui-state-default {
    background-color: #03a9f4;
    background-image: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">

<p>See December month of any year:</p>
<input type="text" id="mydate" placeholder="click here" />

使 jquery 日期选择器在每年相同的日期使用不同的颜色

Make jquery datepicker dates a different color every year on the same dates

javascript

jquery

datepicker

jquery-ui-datepicker