指定FullCalendar上多日活动的开始和结束时间

Question

I have the following event on FullCalendar :

{ title : "My Meeting" , start : "2015-04-15T08:00", end : "2015-04-17T17:00" }

So my event starts on April 15th, and it ends on April 17th, and happens on each day from 8am to 5pm. But FullCalendar shows the event in week and day view as if it happens non-stop from April 15th at 8am to April 17th at 5pm. Like this:

• April 15th: 8am to 12am;
• April 16th: 12am to 12am;
• April 17th: 12am to 5pm.

I want the event to span those 3 days, but only to show from 8am to 5pm on each day for the week and day view. Like this:

• April 15th: 8am to 5pm;
• April 16th: 8am to 5pm;
• April 17th: 8am to 5pm.

Can this be done? How should I set my event properties to achieve this?

Answer 1

You have to use an eventConstraint dow (Day Of Week) see the documentation

Example:

             var event = [{
                title: "My repeating event",
                start: '10:00', // a start time (10am in this example)
                end: '14:00', // an end time (2pm in this example)
                dow: [1, 4], // Repeat monday and thursday
                ranges: [{start: "2017-07-01", end: "2017-07-15"},]
            },
            {
                title: "My repeating event 2",
                start: '10:00', // a start time (10am in this example)
                end: '14:00', // an end time (2pm in this example)
                dow: [1, 4], // Repeat monday and thursday
                ranges: [{start: "2017-08-01", end: "2017-08-15"},]
                }
            ];