Question

如何突出显示或更改包含活动的日期的样式？

Answer 1

我前一段时间尝试过这一点，发现使用different datepicker更容易，并将其设置为jquery ui datepicker，而不是让datepicker接收数据。

Answer 2

如果您查看http://jqueryui.com/demos/datepicker/中的“主题”标签，它会显示您可以在CSS中设置样式以获得所需的所有类:-)但我认为它的ui-state-highlight类

Answer 3

如果您要求代码添加事件和更改主题，我希望这可以帮助您：

$("div").datepicker({
    beforeShowDay: function(date) {
        var result = [true, '', null];
        var matching = $.grep(events, function(event) {
            return event.Date.valueOf() === date.valueOf();
        });

        if (matching.length) {
            result = [true, 'highlight', null];
        }
        return result;
    },
    onSelect: function(dateText) {
        var date,
            selectedDate = new Date(dateText),
            i = 0,
            event = null;

        while (i < events.length && !event) {
            date = events[i].Date;

            if (selectedDate.valueOf() === date.valueOf()) {
                event = events[i];
            }
            i++;
        }
        if (event) {
            alert(event.Title);
        }
    }
});

Calendar JSFiddle（从jQuery UI Datepicker : how to add clickable events on particular dates?检索到）

Jquery |添加事件日期选择器

3 个答案: