单元上的BootStrap完整日历CSS

时间:2014-08-21 13:02:24

标签: javascript html css twitter-bootstrap

我正在尝试使用bootstrap日历,如果时间戳大于今天,我想将单元格设为绿色

$checkTime > $today
cell.css = green background

我在stackoverflow上看到了这段代码

dayRender: function (date, cell) {
    var today = new Date();
    if (date.getDate() === today.getDate()) {
        cell.css("background-color", "red");
    }
}

我尝试将其添加到

之后
                        defaultView: 'month',

所以它变成了

defaultView: 'month',
dayRender: function (date, cell) {
    var today = new Date();
    if (date.getDate() === today.getDate()) {
        cell.css("background-color", "red");
    }
},

如果我加入dayRender,它就不会工作。日历不会显示

这是我的完整日历代码

$('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            defaultDate: '<?php echo $today;?>',
                        defaultView: 'month',
            editable: false,
            events: [
                <?php echo $calendar_html;?>
            ],
 eventClick: function(event) {
        if (event.url) {
            window.open(event.url);
            return false;
        }
    }

});

    });

1 个答案:

答案 0 :(得分:0)

将此添加到我的inpage样式

.fc-before-today {
    background: #ccc;
}

并添加了

className:'fc-before-today'

我的活动和它的工作很好:)在谷歌搜索1小时后找到答案