FullCalendar中的重復活動

Question

因此，我花了過去的兩周時間來弄清楚這一點，並嘗試了所有其他先前提出的答案。 我仍然無法解決問題。

我正在嘗試設置一個日歷，其中重復發生的事件在指定的日期范圍內進行過濾。 示例：“我的活動”-每個星期四的2:15 PM-在2017/06/01至2017/06/30之間。

我未成功嘗試此鏈接上提出的解決方案： FullCalendar中的重復事件

最后，我決定遵循以下路線： https : //github.com/c-trimm/moment-recur

這是一個moments.js插件（moment-recur），應處理日期范圍過濾器。

請幫忙！

我的JSON供稿返回：

  [{
    "title":"my event",
    "start":"2017-06-01T14:15",
    "dow":"4",
    "recurrence":"moment().recur[{
                 start:\"2017-06-01\",
                 end:\"2017-06-30\"}]"
  }]

我的日歷有效，除了它不會永遠在周四停止發布該事件。 我不想手動復制事件。

<link rel="stylesheet" type="text/css" href="/fullcalendar.css">
    <script src='/jquery.min.js'></script>
    <script src='/moment.min.js'></script>
    <script src='/moment-recur.js'></script>
    <script src='/fullcalendar.js'></script>    

    <script>

        $(document).ready(function() {

            $('#calendar').fullCalendar({
                header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,listWeek,listDay'
                },
                validRange: function(nowDate) {
                        return {
                            start: nowDate.clone().subtract(2, 'months'),
                            end: nowDate.clone().add(2, 'months')
                        };
                    },

                // customize the button names,
                // otherwise they'd all just say "list"
                views: {
                listDay: { buttonText: 'Day' },
                listWeek: { buttonText: 'Week' },
                },
                hiddenDays: [ 5 ], // hide Fridays
                editable: true,
                eventLimit: true, // allow "more" link when too many events
                businessHours: [ // specify an array instead
                    {
                        dow: [ 1 ], // Monday,
                        start: '12:30', // 8am
                        end: '22:00' // 6pm
                    },
                    {
                        dow: [ 2, 3 ], // Tuesday, Wednesday
                        start: '9:30', // 8am
                        end: '22:00' // 6pm
                    },
                    {
                        dow: [ 4, ], // Thursday
                        start: '13:00', // 10am
                        end: '22:00' // 4pm
                    },
                    {
                        dow: [ 7 ], // Sunday
                        start: '11:00', // 10am
                        end: '18:30' // 4pm
                    }],
                events: 'my-event/feed',

       //THIS IS WHERE I GET STUCK!!!!!

                // I'm trying to implement this:
                eventRender: 
                recurrence = moment().recur({
                start: "01/01/2014",
                end: "01/01/2015"
               });

            });
        });
    </script>

    <div id='calendar'></div>

我相信我想將其編寫為一個函數，但沒有其他我嘗試使用的方法，它要么會延遲日歷，要么不會返回任何結果。 在此先感謝大家！

Answer 1

以下是全日歷中重復發生的事件的提琴手鏈接。

http://jsfiddle.net/slicedtoad/duu0dx2t/1/

您需要按照示例中的指定在事件中指定dow屬性。

$('#calendar').fullCalendar({
    defaultDate: moment(),
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    defaultView: 'month',

    events: [{
        title:"My repeating event",
        start: '10:00', // a start time (10am in this example)
        end: '14:00', // an end time (6pm in this example)

        dow: [ 1, 4 ] // Repeat monday and thursday
    }],
});