大佬教程收集整理的这篇文章主要介绍了javascript – jQuery fullcalendar – 事件，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
这就是我想要做的：
现在我可以将背景设置为红色,但文本不会出现.这就是我正在做的事情：
var m = moment('2016-09-19');
$('#calendar').fullCalendar({
// put your options and callbacks here
left: 'title',center: '',right: 'prev,next',weekends: false,weekNumbers: true,defaultView: 'month',defaultDate: m,events: [
{
start: '2016-09-19',allDay : true,rendering: 'background',backgroundColor: '#F00',title: 'full',textColor: '#000'
},{
start: '2016-09-20',textColor: '#000'
}
]
});
这是它的样子：
正如你所看到的,我也没有在我的右侧导航中添加“今天”,但无论如何都添加了….
我也想知道如何限制几个月的导航.例如,他们只能在2016年10月,10月,11月选择月份.
任何人都可以帮我解决这个问题吗？
eventAfterRender回调.在此回调中,将字符串FULL附加到元素参数.您可以使用event-full类将CSS样式应用于此.
背景颜色较浅,因为不透明度为0.3;使用event-full类将其更改为1.
要隐藏今天按钮,您必须在header对象中设置左,中,右属性.
要限制月份导航,可以使用viewRender回调.
JS
var m = moment('2016-09-19');
$('#calendar').fullCalendar({
// put your options and callbacks here
header: {
left: 'title',right: 'prev,next'
},events: [{
start: '2016-09-19',allDay: true,textColor: '#000',className: 'event-full'
},{
start: '2016-09-20',className: 'event-full'
}],eventAfterRender: function (event,element,view) {
element.append('FULL');
},vieWrender: function (view,element) {
var start = new Date("2016-09-01");
var end = new Date("2016-11-30");
if (end < view.end) {
$("#calendar .fc-next-button").hide();
return false;
} else {
$("#calendar .fc-next-button").show();
}
if (view.start < start) {
$("#calendar .fc-prev-button").hide();
return false;
} else {
$("#calendar .fc-prev-button").show();
}
}
});
CSS
.event-full {
color: #fff;
vertical-align: middle !important;
text-align: center;
opacity: 1;
}
以上是大佬教程为你收集整理的javascript – jQuery fullcalendar – 事件全部内容，希望文章能够帮你解决javascript – jQuery fullcalendar – 事件所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。