Question

我在我的应用程序中使用fullcalendar对象。我正在将日历事件动态更新到日历，并且它们正在完美呈现它。但是，当我点击回调函数中的事件时，它显示日期＆amp;时间通过添加本地时区即使它已经完成。

以下是日历活动＆amp;点击事件函数回调输出。

这是示例代码

HTML

<div id='calendar'></div>

JS

$(document).ready(function() {


    var  onEventClick = function (calEvent,jsEvent,view){
    console.log(calEvent);
}

    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        defaultDate: new Date(),
        defaultView: 'month',
        editable: true,
        events: [
            {
                title: 'Long Event',
                end: moment("2017-08-04T23:30:00.000Z"),
                start: moment("2017-08-04T22:30:00.000Z"),
      dow:[1,3,5]
            }
        ],
   eventClick: onEventClick,
    });

});

JSFiddle Link

任何人都可以指出这里出了什么问题

Answer 1

以下是您的解决方案：Click here。

我只在事件中添加两个值，一个是start_date，另一个是end_date，在控制台中检查这两个对象。现在你的新代码是：

$(document).ready(function() {
		
    
		var  onEventClick = function (calEvent,jsEvent,view){
    	console.log(calEvent);
    }
    
		$('#calendar').fullCalendar({
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,agendaWeek,agendaDay'
			},
			defaultDate: new Date(),
			defaultView: 'month',
			editable: true,
			events: [
				{
					title: 'Long Event',
					end: moment("2017-08-04T23:30:00.000Z"),
					start: moment("2017-08-04T22:30:00.000Z"),
          start_date:moment("2017-08-04T22:30:00.000Z"),
          end_date:moment("2017-08-04T23:30:00.000Z"),
          dow:[1,3,5]
				}
			],
        eventClick: onEventClick,
		});
    
	});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<link href="https://fullcalendar.io/js/fullcalendar-2.2.5/fullcalendar.css" rel="stylesheet"/>
<script src="https://fullcalendar.io/js/fullcalendar-2.2.5/lib/moment.min.js"></script>
<script src="https://fullcalendar.io/js/fullcalendar-2.2.5/fullcalendar.min.js"></script>





<div id='calendar'></div>

您会在start_date和end_date个对象中找到原始日期。

希望这个答案对你有所帮助。

Fullcalendar onEventClick显示错误的日期

1 个答案: