完整日历显示更多来自javascript的事件并显示这些事件
full calendar Show more events that are coming from javascript and show those events
请点击链接:
http://access.spruceindustries.com/facility360/calendar-view.jsp
看到我的图片,当有人选择年、月、周和天时,我想重新加载日历。单击javascript中的days,它会返回日期,以及我想在完整的小日历中显示的日期。
当我点击参考标签:
$('#recurrence').click(function(){
if($('#checking_tab_2').val()=='off'){
var insertEvents = {};
insertEvents = {
start: new Date(),
}
proposedEvents.push(insertEvents);
console.log(proposedEvents);
$('#mini_here').fullCalendar({
header : {
left : 'prev',
center : 'title',
right : 'next'
},
dayNamesShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
events: proposedEvents,
eventRender: function(event, eventElement, view){
var dateString = moment(event.start).format('YYYY-MM-DD');
$('#mini_here .fc-bg .fc-day[data-date="' + dateString + '"]').css('background-color', '#87B87F');
},
});
}
$('#checking_tab_2').val('on');
});
但是点击所有选项后(年、月、周和天)
我想重新加载日历,并在小日历中显示日期。
我试过
$('#mini_here').html("");
$('#mini_here').fullCalendar({
header : {
left : 'prev',
center : 'title',
right : 'next'
},
dayNamesShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
events: proposedEvents,
eventRender: function(event, eventElement, view ){
var dateString = moment(event.start).format('MM/DD/YYYY');
$('#mini_here .fc-bg .fc-day[data-date="' + dateString + '"]').css('background-color', '#87B87F');
},
});
});
但它返回空白。我正在使用最新版本的完整日历。
我解决了这些问题。
要在完整日历上再次添加更多事件,首先我们必须调用destroy方法,然后调用render方法。之后,您可以添加来自javascript的事件。
链接如下:http://fullcalendar.io/docs/display/destroy/http://fullcalendar.io/docs/display/render/
谢谢。
相关文章:
- php代码在textbox更改事件上显示null
- gmap3如何做到这一点-它显示圆圈的任何事件
- 错误事件显示图片 - JavaScript
- 通过单击事件显示部分
- 如何将 Cookie 与点击事件显示的内容一起使用?(HTML/CSS/jQuery)
- onchange事件显示目标元素的所有文本值,原因
- 点击使用WebDriver的链接上的事件显示“;javascript:void(0)"状态栏上
- 如何获得类似id的"invokedOn”;使用Bootstrap ContextMenu通过右键单击事件显示文
- jQuery点击事件显示JSON数组中工作不正常的特定数据
- 奇怪的鼠标事件显示:flex和svg
- 鼠标悬停事件显示:none(隐藏)元素(chrome&opera)
- 使用滚动事件显示基于窗口高度的元素
- 是否可以用ajax事件显示php内容?
- ReceiveMessage事件显示数据未定义
- HTML5服务器端事件-显示
- FireFox不会为window beforeunload事件显示任何警告对话框
- asp.net Ajax提交事件显示从控制器返回的json结果,而不是警报
- 如何根据事件显示此选项卡内容
- 使用单击事件显示菜单,但不使用Knockout和Jquery处理新代码
- 弹出框中的引导日期选择器在触发事件显示时清除其他输入