fullcalendar调度程序资源onclick颜色更改

时间:2016-07-28 13:19:50

标签: javascript jquery css fullcalendar fullcalendar-scheduler

是否可以在fullcalendar调度程序时间轴视图中设置指标?如果用户按下资源标题,我希望它的td变为背景颜色:蓝色。如果用户单击其他资源,则其背景将变为蓝色,而其他(最后)背景将再次变为默认值。这是我的代码:

<script type="text/javascript">
$(function() { // document ready

    var schedule = $('#calendar').fullCalendar({
        schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
        editable: false,
        lang: 'lt',
        height: 500,
        header: {
            left: 'prev',
            center: 'title',
            right: 'next'
        },
        defaultView: 'timelineYear',
        slotLabelFormat: [
            'MMMM',
            'D'
        ],
        resourceAreaWidth: '15%',
        resourceLabelText: 'Vadovas',
        resources: [
            <?php
                foreach($items as $item) {
                    echo "{ id: '".$item->id."', title: '".$item->title."', eventColor: '".$item->color->name."' },";
                }
            ?>
        ],
        events: [
            <?php
                foreach($items as $item) {
                    foreach($item->reservations as $reservation) {
                        echo "{ id: '".$reservation->id."', resourceId: '".$item->id."', start: '".$reservation->project->start_date."', end: '".$reservation->project->end_date."', title: '".$reservation->quantity."',  url: '/manager/project/".$reservation->project->id."/show' },";
                    }
                }
            ?>
        ]
    });
});
</script>

我知道我应该使用这个功能:

resourceRender: function(resourceObj, labelTds, bodyTds) {
    labelTds.css('background', 'blue');
}

我只是不知道如何实现它以我想要的方式工作。

0 个答案:

没有答案