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阅读我当时给出的链接,它会让你完全做到这一点