Question

我尝试操纵jquery的datepicker，因为我想要一个多选。现在我想要更改所选日期的样式，例如将文本设为绿色。我不知道，我怎么能改变风格。有可能吗？

感谢您的帮助！

这是我的代码：

$(".testpicker").datepicker({

    numberOfMonths: 2,
    showButtonPanel: false,
    onSelect: function(test,object){
        console.log(object.id);

        //#####My first tries######//:
        $("#"+object.id).css('color','green');
        $(this).css('background-color','white');
        //###########//

        if(~$.inArray(test,dates))
        {
            console.log(test)
        }
        else
        {
            dates.push(test);
        }
        console.log(dates);
        console.log(object);
        //prevents closing
        $(this).data('datepicker').inline = true;
    },
    onClose: function() {
        $(this).data('datepicker').inline = false;
    }
});

Answer 1

要更改datepicker中所选日期的颜色，请在jsp页面上使用以下css：

#ui-datepicker-div .ui-state-highlight {
   background:red;
}

Answer 2

我认为您需要打开检查器（firebug）并查看分配给所选单元格的类（选定日期）。

例如，今天的日期被赋予课程.ui-state-highlight

您选择的日期将被赋予课程.ui-state-active

jQuery：将样式添加到Datepicker中的选定日期

2 个答案: