Question

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

 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

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

1 个答案: