全日曆活動不跨越多天

我一直在研究一個Web應用程序，它需要一個日曆來顯示事件以及關於它們的信息。我一直在使用full calendar API來爲我處理日曆。但是，無論何時我有一個跨越多天的活動，日曆都不會在每一天呈現活動。它只會在第一天顯示該事件，然後在下一個星期日顯示，這對我沒有意義。我知道整個日曆支持這個，因爲我在他們的網站上看到了它的一個例子，但我不知道我做錯了什麼。全日曆活動不跨越多天

這是我如何初始化日曆和插入事件

$(document).ready(function(){ 
    //initialize calendar 
    $('#calendar').fullCalendar({ 
    //options and callbacks 
    // your event source 
    eventSources: [ 
     { 
     events: [ // put the array in the `events` property 
      { 
       title : 'event1', 
       start : '2016-01-15T23:59', 
       end : '2016-01-21T00:01', 
       isMultipleDay: true 
      } 
     ], 
     color: 'blue',  // an option! 
     textColor: 'yellow', // an option! 
     nextDayThreshold: "00:01" 
     } 
     // any other event sources... 
    ] 
    }); 
});

來源

2016-01-18 bCubed

你能提供的鏈接，你看到 – jkris

這是一個工作示例http://fullcalendar.io/ – bCubed

你在哪裏得到'isMultipleDay'選項的例子嗎？我沒有看到它在文檔中 – jkris

在這些例子中，他們的比賽，他們忽略了時區數據。

嘗試以下操作：

events: [{ 
title : 'event1', 
start : '2016-01-15', 
end : '2016-01-21', 
}]

來源

2016-01-19 03:06:56 jkris

所以我想通了，通過完整的日曆API提供的css文件之一是不正確的，我不知道如果我引用了錯誤的文件，或者如果給我的文件有問題。但我只是使用與工作示例相同的文件，而且它只是工作。

雖然時區數據仍然是必需的，但由於結束日期是排他性的，因此如果沒有時間，則該事件將在一天內縮短。所以這段代碼確實有效。

events: [{ 
    title : 'event1', 
    start : '2016-01-15', 
    end : '2016-01-21T23:59:59' 
}]

來源

2016-01-19 05:34:53 bCubed

全日曆活動不跨越多天

回答

相關問題