Javascript 如何在完整日历中为开始和结束日期设置开始和结束时间

Javascript 如何在完整日历中为开始和结束日期设置开始和结束时间,javascript,jquery,html,fullcalendar,Javascript,Jquery,Html,Fullcalendar,我设计了一个日历,它应该显示轮班开始和结束日期以及轮班时间 如果员工从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 f

我设计了一个日历,它应该显示轮班开始和结束日期以及轮班时间
如果员工从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'
        }
    ],});

如果要在完整日历事件中包含时间,则需要传递如下设置

$('#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” 请参阅完整日历文档了解时间和详细信息


如果以上不是您的要求。请参阅

“在我的代码中,它仅根据日期创建事件”……这是因为您只给它指定了日期,而没有指定时间。您有两个选项:1)在所需的时间段内为每天创建一个单独的事件,时间包括在开始/结束日期中。2) 使用显示的技术,您可以声明一个事件,然后在指定日期范围内的所有天内,在相同的开始和结束时间重复呈现该事件。我已将此标记为一个问题的副本,该问题对重复事件问题有更清晰的解决方案-请参阅上面的注释。您标记的内容不是和他需要的完全一样。是的,他想在轮班时间段内每天展示一个活动,展示每天的时间。它完全符合要求。你认为这个要求还有什么?@NegiRox什么与你说的相似。在您的代码中,它认为班次从10月1日14:30上午开始到x日期。当我进入日期视图时,它标记了一天中的24小时。但轮班时间只有8小时。我想从10月1日到10月7日从上午8点到下午6点轮班。只标记这些天的给定时间,而不是全部24小时hours@Subasri阅读我当时给出的链接,它会让你完全做到这一点