blocks|key|2706866|text|我已经创建了一个plunker+reproducing+your+code。我在您的代码中看到的唯一问题是在创建事件时需要一个逗号。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2706867|所以我用一个新的moment对象创建了一个事件，-which表示现在。|2706868|++var+startDate+=+moment();
++var+eventId+=+123;
++var+newEvent+=+{
++++++++++++++++title+:+'mytitle',
++++++++++++++++start+:+startDate,
++++++++++++++++allDay:+false,
++++++++++++++++id:+eventId,+++//Is+this+comma+that+was+missing+in+your+code
++++++++++++++++description:+'my+test+event'
++++++++++++};|code-block|syntax|javascript|2706869|我用你正在做的相同的代码添加它：|2706870|$('#calendar').fullCalendar('renderEvent',+newEvent,+'stick');|2706871|正如您可以在柱塞中检查的那样，一切正常，所以您提供给我们的代码可能有的唯一问题：|2706872|2706873|缺少逗号。|unordered-list-item|2706874|+eventId变量错误|style|CODE|2706875|+startDate变量错误|2706876|2706877|此外，如果您查看render+event的文档，您没有正确使用'stick‘变量。它应该是一个布尔值。在您的代码中是有效的，因为您可以在line+9229+for+version+2.3.1中签入它的比较as表达式，因此任何字符串(非空)都将为真。您可以在以下答案中了解更多信息：https://stackoverflow.com/a/4923684/2686163|2706878|因此，如果将第三个参数设置为：|2706879|2706880|true|2706881|'stick'|2706882|'nonstick'|2706883|'false'|2706884|'whatever'|2706885|2706886|..。始终作为粘性进行解析，并添加到stickySource中。但是，正如@slicedtoad所评论的那样，您应该对其进行更改，以避免在未来的版本中出现问题。|2706887|entityMap|0|LINK|mutability|MUTABLE|url|http://plnkr.co/edit/f2yXiH?p=preview|1|http://fullcalendar.io/docs/event_rendering/renderEvent/|2|https://github.com/arshaw/fullcalendar/blob/master/dist/fullcalendar.js#L9229|3|https://stackoverflow.com/a/4923684/2686163^0|8|T|0|0|0|0|0|0|0|0|0|1|7|0|1|9|0|0|8|C|1|1W|R|2|3W|17|3|0|0|0|0|0|0|0|0|0|I|C|0^^$0|@$1|2|3|4|5|6|7|1X|8|@]|9|@$A|1Y|B|1Z|1|20]]|C|$]]|$1|D|3|E|5|6|7|21|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|22|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|23|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|24|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|25|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|26|8|@]|9|@]|C|$]]|$1|R|3|S|5|T|7|27|8|@]|9|@]|C|$]]|$1|U|3|V|5|T|7|28|8|@$A|29|B|2A|W|X]]|9|@]|C|$]]|$1|Y|3|Z|5|T|7|2B|8|@$A|2C|B|2D|W|X]]|9|@]|C|$]]|$1|10|3|-4|5|6|7|2E|8|@]|9|@]|C|$]]|$1|11|3|12|5|6|7|2F|8|@]|9|@$A|2G|B|2H|1|2I]|$A|2J|B|2K|1|2L]|$A|2M|B|2N|1|2O]]|C|$]]|$1|13|3|14|5|6|7|2P|8|@]|9|@]|C|$]]|$1|15|3|-4|5|6|7|2Q|8|@]|9|@]|C|$]]|$1|16|3|17|5|T|7|2R|8|@]|9|@]|C|$]]|$1|18|3|19|5|T|7|2S|8|@]|9|@]|C|$]]|$1|1A|3|1B|5|T|7|2T|8|@]|9|@]|C|$]]|$1|1C|3|1D|5|T|7|2U|8|@]|9|@]|C|$]]|$1|1E|3|1F|5|T|7|2V|8|@]|9|@]|C|$]]|$1|1G|3|-4|5|6|7|2W|8|@]|9|@]|C|$]]|$1|1H|3|1I|5|6|7|2X|8|@$A|2Y|B|2Z|W|X]]|9|@]|C|$]]|$1|1J|3|-4|5|6|7|30|8|@]|9|@]|C|$]]]|1K|$1L|$5|1M|1N|1O|C|$1P|1Q]]|1R|$5|1M|1N|1O|C|$1P|1S]]|1T|$5|1M|1N|1O|C|$1P|1U]]|1V|$5|1M|1N|1O|C|$1P|1W]]]]

I've create a <a href="http://plnkr.co/edit/f2yXiH?p=preview" rel="nofollow noreferrer">plunker reproducing your code</a>. 
The only problem I see in your code is a comma expected in the creation of the event.

So I create the event with a new moment object -which means now.

<pre><code> var startDate = moment();
 var eventId = 123;
 var newEvent = {
 title : 'mytitle',
 start : startDate,
 allDay: false,
 id: eventId, //Is this comma that was missing in your code
 description: 'my test event'
 };
</code></pre>

And I add it with the same code you are doing:

<pre><code>$('#calendar').fullCalendar('renderEvent', newEvent, 'stick');
</code></pre>

As you can check in the plunker everything is working fine, so the only problem the code you provide us could have:

<ul>
<li>The missing comma.</li>
<li>The <code>eventId</code> variable is wrong </li>
<li>The <code>startDate</code> variable is wrong</li>
</ul>

In addition, if you take a look at the documentation for <a href="http://fullcalendar.io/docs/event_rendering/renderEvent/" rel="nofollow noreferrer">render event</a> you are not using the 'stick' variable properly. It should be a boolean. In your code is working because as you can check in <a href="https://github.com/arshaw/fullcalendar/blob/master/dist/fullcalendar.js#L9229" rel="nofollow noreferrer">line 9229 for version 2.3.1</a> its compared as expression, so any string (non empty) will be true. You can have more info about this in this answer: <a href="https://stackoverflow.com/a/4923684/2686163">https://stackoverflow.com/a/4923684/2686163</a>

So, if you set the third parameter stick as:

<ul>
<li>true</li>
<li>'stick'</li>
<li>'nonstick'</li>
<li>'false'</li>
<li>'whatever'</li>
</ul>

... always be resolved as sticky, and added to the <code>stickySource</code>. But, as commented by @slicedtoad, you should change it to avoid problems in future versions.

blocks|key|138478|text|您的代码没有任何错误。但是你正在以一种非标准的方式做一些事情。试着修复它们，问题可能就会消失。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|138479|您用来添加事件的方法不正确。在FullCalendar术语中，render是指将数据显示到日历的过程。所以当你renderEvent的时候，你只是告诉它在屏幕上显示一个事件。然后stick让它持久化(某种程度上)。|offset|length|style|CODE|138480|相反，您应该使用addEventSource。它可用于添加任何事件源(本地或远程)。eventSource可以是任何东西，从JSON+feed到一个事件的本地数组。|138481|这应该是可行的：|138482|$('#calendar').fullCalendar('addEventSource',[{
++++title+:+'mytitle',
++++start+:+startDate,
++++allDay:+false,
++++id:+eventId,
++++description:+'my+test+event'
}]);|code-block|syntax|javascript|138483|这将为您提供一个将持续整个会话的事件。它还有一个好处，就是可以很好地处理所有其他完整的日历选项和回调。|138484|entityMap|0|LINK|mutability|MUTABLE|url|http://fullcalendar.io/docs/event_data/addEventSource/^0|0|V|6|1J|B|2H|5|0|8|E|8|E|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@$D|12|E|13|F|G]|$D|14|E|15|F|G]|$D|16|E|17|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|18|8|@$D|19|E|1A|F|G]]|9|@$D|1B|E|1C|1|1D]]|A|$]]|$1|J|3|K|5|6|7|1E|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|1F|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|1G|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

There isn't anything wrong with your code. But you are doing some things in a non-standard way. Try fixing them and the problem might disappear.

The method you are using to add events is not the right one. In FullCalendar terminology, <code>render</code> means the process of displaying data to the calendar. So when you <code>renderEvent</code>, you are just telling it to display an event on screen. And then <code>stick</code> makes it persist (kind of).

Instead you should be using <a href="http://fullcalendar.io/docs/event_data/addEventSource/" rel="noreferrer"><code>addEventSource</code></a>. It can be used to add any event source (local or remote). And an eventSource can be anything from a JSON feed to a local array of one event.

This should work:

<pre><code>$('#calendar').fullCalendar('addEventSource',[{
 title : 'mytitle',
 start : startDate,
 allDay: false,
 id: eventId,
 description: 'my test event'
}]);
</code></pre>

That gives you an event that will last for the whole session. It also has the benefit of playing nicely with all the other fullcalendar options and callbacks.

blocks|key|138486|text|我使用你的代码，在我这边做了一些修改，从而制作了fiddle。它工作得很好。我希望它能为你工作。欢迎您的意见。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|138487|代码|138488|HTML|style|BOLD|138489|<body>
++++<div+id='calendar'></div>
</body>|code-block|syntax|javascript|138490|脚本|138491|<script+type='text/javascript'>
$(document).ready(function(){
++++fullCalObj+=+$('#calendar').fullCalendar({
+++++++++header:+{
+++++++++++++left:+'prev,next+today',
+++++++++++++center:+'title',
+++++++++++++right:+'month,agendaWeek,agendaDay'
+++++++++},
+++++++++allDayDefault:+false,
+++++++++selectable:+true,
+++++++++selectHelper:+true,
+++++++++editable:+true,
+++++++++eventLimit:+true,+//+allow+"more"+link+when+too+many+events
+++++});

++++var+newEvent+=+{
++++++++title+:+'mytitle',
++++++++start+:+'2015-04-22',
++++++++allDay:+false,
++++++++id:+1,
++++++++description:+'my+test+event'
++++};

++++fullCalObj.fullCalendar('renderEvent',+newEvent,+'stick');
});
</script>|138492|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/6kwvtfvw/2/^0|O|6|0|0|0|0|4|0|0|0|2|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|6|7|14|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|15|8|@$A|16|B|17|H|I]]|9|@]|C|$]]|$1|J|3|K|5|L|7|18|8|@]|9|@]|C|$M|N]]|$1|O|3|P|5|6|7|19|8|@$A|1A|B|1B|H|I]]|9|@]|C|$]]|$1|Q|3|R|5|L|7|1C|8|@]|9|@]|C|$M|N]]|$1|S|3|-4|5|6|7|1D|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]]]

I made <a href="http://jsfiddle.net/6kwvtfvw/2/" rel="nofollow">fiddle</a> by using your code with some modification from my side. It is working fine. I hope it will work for you. Your inputs are welcomed.

Code

HTML

<pre><code>&lt;body&gt;
 &lt;div id='calendar'&gt;&lt;/div&gt;
&lt;/body&gt;
</code></pre>

SCRIPT

<pre><code>&lt;script type='text/javascript'&gt;
$(document).ready(function(){
 fullCalObj = $('#calendar').fullCalendar({
 header: {
 left: 'prev,next today',
 center: 'title',
 right: 'month,agendaWeek,agendaDay'
 },
 allDayDefault: false,
 selectable: true,
 selectHelper: true,
 editable: true,
 eventLimit: true, // allow "more" link when too many events
 });

 var newEvent = {
 title : 'mytitle',
 start : '2015-04-22',
 allDay: false,
 id: 1,
 description: 'my test event'
 };

 fullCalObj.fullCalendar('renderEvent', newEvent, 'stick');
});
&lt;/script&gt;
</code></pre>

I am using FullCalendar <a href="http://fullcalendar.io/">http://fullcalendar.io/</a> to display some events on a web page. 

The calendar is created like this

<pre><code>$('#calendar').fullCalendar({
 header: {
 left: 'prev,next today',
 center: 'title',
 right: 'month,agendaWeek,agendaDay'
 },
 allDayDefault: false,
 selectable: true,
 selectHelper: true,
 editable: true,
 eventLimit: true, // allow "more" link when too many events
 });
</code></pre>

Events are created through the renderEvent operation (not json feed) like

<pre><code>$('#calendar').fullCalendar('renderEvent', newEvent, 'stick');
</code></pre>

where the newEvent is created like this

<pre><code>newEvent = {
 title : 'mytitle',
 start : startDate,
 allDay: false,
 id: eventId,
 description: 'my test event'
 };
</code></pre>

the problem is that events are correctly shown in month view but are not shown in week or day views.

UPDATE

I am using this date format: 2015-02-01T01:00:00

FullCalendar events shown in month view only

JSON

我正在使用FullCalendar 在网页上显示一些事件。日历是这样创建的$('#calendar').fullCalendar({        header: {        left: 'prev,next today',        center: 'title',        right: 'month...

问仅在月份视图中显示的FullCalendar事件
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问仅在月份视图中显示的FullCalendar事件EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问仅在月份视图中显示的FullCalendar事件
EN