Question

我在fullcalendar下载包中看到了几个主题演示。在我的应用程序中，我有不同的日历，如离开日历，旅行日历和活动日历。我想为每个日历使用不同的主题。我设置了

主题：真实

在我的编码中，但我完全不知道如何使用该日历的特定主题。对于ex，我想使用bootstrap 3 - Lumen主题作为事件日历，在哪里获取并包含该css文件。或者我必须制作自己的css主题文件。

$(document).ready(function() {  
    $('#ConfCalendarBlock').fullCalendar({      
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,listMonth'
        },

        theme: true,    
        themeSystem:'bootstrap3',        
        height:400,
        editable: true, 
        displayEventTime: false,        

        events: modJs.getConfJsonUrl(),     

        loading: function(bool) {
            if (bool) $('#loadingConfCalendarBlock').show();
            else $('#loadingConfCalendarBlock').hide();
        },

        dayClick: function (date, jsEvent, view) {

                modJs.getdayclick(date.format());               
        },          
        eventClick: function(calEvent, jsEvent, view) { 
            modJs.geteventclick(calEvent.id);
        },   

    }); 
});

我的所有链接文件都包含在header.php文件中

 <link href="<?=BASE_URL?>themecss/bootstrap.min.css" rel="stylesheet">
    <script type="text/javascript" src="<?=BASE_URL?>js/jquery2.0.2.min.js"></script>
        <script type="text/javascript" src="<?=BASE_URL?>js/jquery-ui.js"></script>
        <!--fullcalendar-->

    <link href="<?=BASE_URL?>js/fullcalendar/fullcalendar.css" rel="stylesheet">
    <link href="<?=BASE_URL?>js/fullcalendar/fullcalendar.print.css" rel="stylesheet" media="print">
    <script src="<?=BASE_URL?>js/fullcalendar/lib/moment.min.js"></script>
    <script src="<?=BASE_URL?>js/fullcalendar/fullcalendar.min.js"></script>

使用Fullcalendar的主题

0 个答案: