Question

我正在使用FullCalendar尝试显示事件的年度列表和事件的日历视图。两者都在使用相同的代码结构时遇到问题。（因此，我以清单1为例。我正在尝试为重复活动设置结束日期。它们可以显示在一周的多个日期（此示例仅是星期六）。我有2种可能的解决方案无法满足我的需求。解决方案之一如下：

<script>
    $(document).ready(function() {
        $('#calendar').fullCalendar({
            defaultView: 'listYear',
            views: {
                listYear: { buttonText: 'Diary Dates' }
            },
            header: {
                left: '',
                center: '',
                right: 'prev title next'
            },
            events: [{
                title  : "Shoalhaven Heads Seafood and Fresh Produce Fair",
                url: 'https://dev.allswell.com.au/event/shoalhaven-heads-seafood-and-fresh-produce-fair/',
                backgroundColor: '#dd4242',
                borderColor: '#dd4242',                                                                                                                                     
                start: '08:00',
                end: '13:00',                                                                                            
                dow: [6],
                ranges: [{
                    start: '2018-04-21T08:00:00',                                                                                                        
                    end: '2018-11-03T13:00:00',                                                                  
                }],                                                                              
            },
            {
                title  : "BOWIE UNZIPPED at the BOWLO!",
                url: 'https://dev.allswell.com.au/event/bowie-unzipped-at-the-bowlo/',
                backgroundColor: '',
                borderColor: '',
                start: '2018-04-27',
                allDay: true,                                                                                                        
            }]
        });
    });
</script>

这在我想要的日子成功地产生了休闲活动。但是，范围不会生效，因为它们是每个星期六打印一次，直到时间结束（应该一直到今年11月）。

<script>
    $(document).ready(function() {
        $('#calendar').fullCalendar({
            defaultView: 'listYear',
            views: {
                listYear: { buttonText: 'Diary Dates' }
            },
            header: {
                left: '',
                center: '',
                right: 'prev title next'
            },
            events: [{
                title  : "Shoalhaven Heads Seafood and Fresh Produce Fair",
                url: 'https://dev.allswell.com.au/event/shoalhaven-heads-seafood-and-fresh-produce-fair/',
                backgroundColor: '#dd4242',
                borderColor: '#dd4242',                                                                                      
                start: '2018-04-21T08:00:00',
                end: '2018-11-03T13:00:00',                                                                                          
                dow: [6],                                                        
            },                                                                       
            {
                title  : "BOWIE UNZIPPED at the BOWLO!",
                url: 'https://dev.allswell.com.au/event/bowie-unzipped-at-the-bowlo/',
                backgroundColor: '',
                borderColor: '',                                                                                            
                start: '2018-04-27',                                                                                                 
                allDay: true,                                                                                            
            }]
        });
    });
</script>

然后我尝试了另一个选项，将日期添加到开始/结束参数中。与此相反，它可以将事件限制在指定的日期范围内，但是事件不会在特定日期出现，而是会在所有日期进行。

我在下面附上了两种结果的图片。

2018年第一个解决方案：第一解决方案2019：

第二解决方案2018：第二解决方案2019：

FullCalendar定期活动无法正常工作

0 个答案: