如何使用Fullcalendar在onelot事件中显示结束时间？

如何显示oneslot事件的结束时间？ 我想要一个插槽事件显示开始和结束像更长的事件（12.00-12.30）。 已经尝试使用timeFormat，但没有帮助。 使用select来创建新事件。 Oneslot事件已经结束于数据库，但由于某些原因它没有显示在日历上。

问题在于，当用户点击日历时，它会创建具有开始和结束事件的事件，但由于某种原因，只能在日历上显示开始显示（图片上的较低事件），但当用户选择较大区域（如1小时）时，它会显示日历上的开始和结束事件）。

那些在日历上没有显示结尾的事件似乎打破了 - 如果在选择。 创建30分钟长的事件后，用户可以进行重叠事件。

问题图片：

$('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right:''
    },
    allDaySlot: false,
    allDayDefault:false,
    lang: currentLangCode,
    slotEventOverlap:false,
    minTime:"09:00:00",
    maxTime:"15:00:00",
    hiddenDays:[6,0],
    lazyFetching:true,
    selectable: true,
    selectHelper: true,
    aspectRatio:3.15,

    select: function(start, end) {

        check_time=false;
        var events = $("#calendar").fullCalendar('clientEvents');

        if(moment(start._d).format('YYYY/MM/DD')== moment(end._d).format('YYYY/MM/DD')){
            overnight=true;
        }
        else{
            overnight=false;
        }

        if(events.length>0){
            for(var i in events)
            {
                //prevent overlapping events
                if(
                    ((moment(events[i].start._d).format('YYYY/MM/DD/HH/mm')) == (moment(start._d).format('YYYY/MM/DD/HH/mm'))) || 
                    (((moment(events[i].start._d).format('YYYY/MM/DD/HH/mm')) < (moment(end._d).format('YYYY/MM/DD/HH/mm')))&& 
                    ((moment(events[i].end._d).format('YYYY/MM/DD/HH/mm')) > (moment(start._d).format('YYYY/MM/DD/HH/mm')))) ||
                    (((moment(events[i].start._d).format('YYYY/MM/DD/HH/mm')) > (moment(start._d).format('YYYY/MM/DD/HH/mm'))) &&
                    ((moment(events[i].start._d).format('YYYY/MM/DD/HH/mm')) < (moment(end._d).format('YYYY/MM/DD/HH/mm')))) ||
                    (((moment(events[i].start._d).format('YYYY/MM/DD/HH/mm')) > (moment(start._d).format('YYYY/MM/DD/HH/mm'))) &&
                    ((moment(events[i].end._d).format('YYYY/MM/DD/HH/mm')) < (moment(end._d).format('YYYY/MM/DD/HH/mm'))))
                ){ 
                    check_time=false;
                }
                else{
                    check_time=true;
                }
                i++;
            }
        }  
        else{
            check_time=true;
        }

        $("#dialog").dialog("open");
        startstamp=moment(start).unix();
        endstamp=moment(end).unix();
        starttime=moment(start).toISOString();
        endtime=moment(end).toISOString();   
        $('#calendar').fullCalendar('unselect');
    }, 
    defaultView: 'agendaWeek',      
    editable: false,
    events:/events.php

});

链接地址: http://www.djcxy.com/p/81265.html

上一篇: How to display end time on oneslot events with Fullcalendar?

下一篇: Determine which day event is on when event is selected in fullcalendar