如何在周末上色而不是隐藏在完整的日历中?

时间:2016-01-01 08:10:13

标签: javascript jquery html fullcalendar

目前我正在为我的项目使用FullCalendar插件。有一个活动名称'周末'。如果周末设置为假,则周日和周六将隐藏。

但是我想要指定周末的背景颜色而不是隐藏它。

这是我发现的插件中的js代码。

    if (this.opt('weekends') === false)
    {
       hiddenDays.push(0, 6); // 0=sunday, 6=saturday
       // $('.fc-fri').css('background', 'green');
       // alert($('.fc-fri').css('background'));

        //$('table.calendar > tbody > tr > td:nth-child(-n+2)').addClass('fc-fri').css('background', 'green');
        //$('.fc-sat').css('background-color', '#00FF00');
    }

    for (i = 0; i < 7; i++) {
        if (
            !(isHiddenDayHash[i] = $.inArray(i, hiddenDays) !== -1)
        ) {
            dayCnt++;
        }
    }

    if (!dayCnt) {
        throw 'invalid hiddenDays'; // all days were hidden? bad.
    }

    this.isHiddenDayHash = isHiddenDayHash;
}

通过评论的代码,我试着给周末的日子上色。但我没有找到结果。如果有任何建议请帮我解决问题。

2 个答案:

答案 0 :(得分:0)

您可以使用以下CSS

url = getIntent().getExtras().getString("url");
webView.loadUrl(url);

答案 1 :(得分:0)

如果我理解你的问题

您可以使用像

这样的CSS规则
.fc-sat, .fc-sun {
    background-color: red !important;
}

另一种方法是,您可以检查所选日期是否为周末,并按您的意愿行事。您可以通过以下方式使用dayClick(http://arshaw.com/fullcalendar/docs/mouse/dayClick/)事件:

dayClick: function (date, allDay, jsEvent) {
    var checkDay = new Date($.fullCalendar.formatDate(date, 'yyyy-MM-dd'));
    if (checkDay.getDay() == 6 || checkDay.getDay() == 0) alert('Weekend!');
}