Fullcalendar将所有事件向后设置一天

Fullcalendar将所有事件向后设置一天,fullcalendar,Fullcalendar,我调用fullCalendar方法如下: <script type="text/javascript"> $(document).ready(function() { $('#calendar').fullCalendar({ firstDay: 1, eventLimit: true, // allow "more" link when too many events

我调用fullCalendar方法如下:

<script type="text/javascript">
        $(document).ready(function() {

            $('#calendar').fullCalendar({
                firstDay: 1,
                eventLimit: true, // allow "more" link when too many events
                events: [{title":"Matthias Klein","start":"01-01-2014","end":"01-01-2015"},{"title":"Matthias Klein","start":"01-01-2014","end":"02-01-2014"},{"title":"Matthias Klein","start":"01-01-2014","end":"01-01-2014"}]
            });

        });

$(文档).ready(函数(){
$(“#日历”).fullCalendar({
第一天:1,
eventLimit:true,//当事件太多时允许“更多”链接
事件:[{标题]:“Matthias Klein”,“开始”:“01-01-2014”,“结束”:“01-01-2015”},{“标题”:“Matthias Klein”,“开始”:“01-01-2014”,“结束”:“02-01-2014”},{“标题”:“Matthias Klein”,“开始”:“01-01-2014”,“结束”:“01-01-2014”}]
});
});

但在结果中,所有事件在前一天2:46a开始和结束:

我做错了什么?

几件事

尝试将活动的日期格式更改为yyyy-mm-dd。我昨晚遇到了这个问题,我的活动都在前一天下午4:30显示,这为我解决了这个问题

还注意到您的日期没有时间,所以是全天事件吗?如果是,请确保将allDay属性设置为true


最后一件事,firstDay表示一周中的某一天,因此如果星期一为0,那么星期二为1。它并不表示一个月的第一天。

另一种解决方法:使用nextDayThreshold参数

$('#calendar').fullCalendar({
       **nextDayThreshold**: '00:00:00', // 9am

nextDayThreshold设置它必须达到的最短时间,以使它呈现为当天的样子。

我也遇到了同样的问题,只能通过遵循屏幕上给出的确切日期格式来解决它

yyyy-MM-ddTHH:MM:ss
(例如2019-05-08T16:00:00是今天的4点)

yyyy-MM-dd
(例如2019-05-08是今天)

换句话说,美国日期格式加上24小时时间格式

不幸的是,似乎确实存在错误。如果设置为00:00:00(默认值),此时结束的事件将显示为前一天结束,这与文档不符。此外,
allDay=true
跨越一天以上的事件将始终显示为前一天结束

这是我的全部代码

addEvents = [];

addEvents.push({
    title: "First Event",
    url: "http://localhost:11634/events/141",
    start: '2019-05-19T09:00:00',
    end: '2019-05-19T13:00:00'});   

addEvents.push({
    title: "Second Event",
    url: "http://localhost:11634/events/137",
    start: '2019-11-02',
    end: '2019-11-02'});         

addEvents.push({
    title: "Third, multi-day event",
    url: "http://localhost:11634/events/115",
    start: '2019-11-08T00:00:00',
    end: '2019-11-10T01:00:00'});

document.addEventListener('DOMContentLoaded', function () {
    var calendarEl = document.getElementById('calendar');
    var calendar = new FullCalendar.Calendar(calendarEl, {
        plugins: ['dayGrid'],
        events: addEvents
    });
    calendar.render();
});

几件事,尝试将活动的日期格式更改为yyyy-mm-dd我昨晚遇到了这个问题,我的活动都在前一天下午4:30显示,这为我解决了这个问题。还注意到您的日期没有时间,所以是全天活动吗?如果是,请确保将allDay属性设置为true。最后一件事,firstDay表示星期一,如果星期一是0,那么星期二是1。这并不意味着一个月的第一天。还有一个问题。我现在这样称呼它:$(“#日历”).fullCalendar({allDayDefault:true,firstDay:1,eventLimit:true,events:[{“标题”:“Matthias Klein”,“开始”:“2014-10-31”,“结束”:“2014-11-03”}});但在日历视图中,它只显示2014-10-31至2014-11-02()的事件。您是否将allDay设置为true?我将allDayDefault设置为true。我是否必须为每个事件执行此操作?是的,每个事件都应该执行此操作。我没有听说过allDayDefault,您在哪里找到的?我在此处找到它()。抱歉,但将每个事件的allDay设置为true并不能解决问题。我可以看出,如果每个事件都进入第二天,这可能会产生不同,但是它无法修复提前一天显示的事件。