Question

我使用jquery ui datepicker，我想根据时间数组在当天为一个方框着色。问题是我想在不同的日子里放置颜色而不必创建所有的css类，只需添加十六进制颜色即可。这是我的代码：

  $('.datepicker').datepicker({
        changeMonth: true,
        changeYear: true,
        beforeShowDay: function (date) {
            var month = date.getMonth()+1;
            var day =  date.getDate();

            if (month < 10) {
                month = '0' + month;
            }

            if (day < 10) {
                day = '0' + day;
            }

            return [true, $.inArray(the_day, tab_days) >= 0 ? "odd" : ''];
        }
    });

Css课程：

.odd a.ui-state-default {
    color:white;
    background-color: red;
    background: red;
}

这个版本有效，但每天都有相同的颜色，我会这样做：

      $(this).css("background-color", hexa color);

Answer 1

您可以做的一件事是将RGB转换为Hex。喜欢这个

function rgbToHex(r, g, b) {
    return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
}

$(this).css("background-color", rgbToHex(rIn,gIn,bIn));

只需将输入值更改为您想要的任何值。

Datepicker添加css日

1 个答案: