如何在完整日历中设置开始和结束日期的开始和结束时间[重复]

Question

我设计了一个日历，它应该显示轮班开始和结束日期以及轮班时间 如果员工在 10 月 1 日至 10 月 7 日被分配早班，如果早班时间为 09:00 -18:00，则该事件应显示在日历中，时间为 10 月 1 日至 10 月 7 日，时间为 9-18 .在我的代码中，它仅根据日期创建事件，并且不考虑时间

 var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();
    var form = '';
    var today = new Date($.now());

    var calendar = $('#calendar').fullCalendar({
        slotDuration: '00:15:00', /* If we want to split day time each 15minutes */
        minTime: '00:00:00', /* calendar start Timing */
        maxTime: '24:00:00',  /* calendar end Timing */
        defaultView: 'month',  
        handleWindowResize: true,   
        height: $(window).height() - 200,   
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
            // right: ''

        },
        events: [
           {
            title: 'Morning Shift',
            start: new Date('09/25/2018'),
            end: new Date('10/05/2018'),
            className: 'bg-primary'
        },
        {
            title: 'Night Shift',
            start: new Date('09/25/2018'),
            end: new Date('10/05/2018'),
            className: 'bg-primary'
        },
         {
            title: 'Regular Shift',
            start: new Date('09/25/2018'),
            end: new Date('10/05/2018'),
            className: 'bg-primary'
        }
    ],});

Answer 1

如果您想在完整的日历活动中包含时间，您需要传递这样的设置

$('#calendar').fullCalendar({
  events: [
    {
      title:  'My Event',
      start:  '2010-01-01T14:30:00',
      allDay: false
    }
    // other events here...
  ],
  timeFormat: 'H(:mm)' // uppercase H for 24-hour clock
});

您还需要启用布尔值以显示时间“displayEventTime” 有关时间format 和displayEvent，请参阅完整日历文档。

如果以上不是您的要求。参考Repeat fullcalendar events daily, monthly and yearly