周日的 jQuery FullCalendar 活动答案

【问题标题】：jQuery FullCalendar event for all Sunday周日的 jQuery FullCalendar 活动
【发布时间】：2019-04-01 17:13:53
【问题描述】：

我需要在日历上的所有星期日添加一个活动。 FullCalendar 中是否有可用选项？

day = 'Sunday'; <------ I need to pass this day to create event

var date = new Date();
var event = {id: result.id, title: from_time + '-' + to_time, start: new Date(date), allDay: false};
                  }
$('#calendar').fullCalendar('renderEvent', event, true);

【问题讨论】：

stackoverflow.com/questions/15161654/…

标签： javascript jquery fullcalendar

【解决方案1】：

您可以使用dow 事件属性非常简单地做到这一点。它没有很好地记录，但在 backgroundEvents 和 businessHours 中提到过。它可让您设置事件始终发生的星期几。

所以是这样的：

$("#calendar").fullCalendar({
    events:[{
        title:"Monday",
        dow:[1] //monday
        //start/endtime works too
    },{
        title:"background",
        dow:[2,3], //tuesday and wednesday
        rendering: 'background'
    }],
});

JSFiddle

如果您需要更复杂的事情，例如仅在特定日期范围内重复事件，请在此处查看我的答案：https://stackoverflow.com/a/29393128/728393

【讨论】：

【解决方案2】：

请找到一些事件重复的参考代码。

 $('#calendar').fullCalendar( 'addEventSource',        
        function(start, end, callback) {
            // When requested, dynamically generate virtual
            // events for every sunday
            var events = [];

            for (loop = start.getTime();
                 loop <= end.getTime();
                 loop = loop + (24 * 60 * 60 * 1000)) {

                var test_date = new Date(loop);

                if (test_date.is().sunday()) {
                    // we're in Sunday, create the event
                    events.push({
                        title: 'I Love Sundays - Janty',
                        start: test_date
                    });
                }

            } // for loop

            // return events generated
            callback( events );
        }
    );

Repeat event every monday

【讨论】：

【解决方案3】：

events: [
              {
                  title:"Monday",
                  dow:[1] //monday
                  //start/endtime works too
              },{
                  title:"background",
                  *daysOfWeek*: [2, 3], //tuesday and wednesday
                  rendering: 'background'
              }]

【讨论】：

欢迎来到 Stack Overflow！感谢您的回答，但请记住，您不仅在回答 OP。添加一些关于此代码为何起作用的解释，无论是作为文本周围的文本还是代码中的 cmets，对未来的读者都会非常有帮助。