使用Fullcalendar显示多个月 [英] Having Multiple Months Displaying with Fullcalendar
本文介绍了使用Fullcalendar显示多个月的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我试图用FullCalendar插件并排显示两个月。我查看了其他几个相关的问题,但似乎没有一个能够解决我的问题。目前我的设置如下:
< div class =calendar-box>
< div class =row>
< div class =col-md-6>
< div id ='calendar0'>< / div>
< / div>
< div class =col-md-6>
< div id ='calendar1'>< / div>
< / div>
< / div>
< / div>
Javascript:
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
$('#calendar0')。fullCalendar({
header:{
left:'',
center:'title',
right :''
},
month:m,
theme:true,
editable:false
});
'('#calendar1')。fullCalendar({
header:{
left:'',
center:'title',
right:''
},
月份:m + 1,
主题:true,
});
我期待8月和7月彼此相邻,当我点击下一个prev箭头会将日历一起移动,以便8月和9月出现。有任何想法吗?谢谢
解决方案
试试这个: -
$(document).ready(function(){
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var x = new Date();
x.setDate(1);
x.setMonth(x.getMonth() - 1);
var cal0 = $('#calendar0');
var cal1 = $('#calendar1');
cal0.fullCalendar({
header:{
left:'title',
center:'',
right:'prev,next today'
},
defaultDate: x,
viewRender:function(view,element){
cur = view.intervalStart;
d = moment(cur).add('months',1);
cal1。 fullCalendar('gotoDate',d);
}
});
cal1.fullCalendar({
header:{
left:'title' ,
中心:'',
右:''
},
defaultDate:日期,
});`在这里输入代码`
});
这是为您工作的。谢谢
I am trying to display two months at one time side by side using the FullCalendar plugin. I have looked through several other related questions and none seem to solve my issue. Currently my set up is as follows:
<div class="calendar-box">
<div class="row">
<div class="col-md-6">
<div id='calendar0'></div>
</div>
<div class="col-md-6">
<div id='calendar1'></div>
</div>
</div>
</div>
Javascript:
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
$('#calendar0').fullCalendar({
header: {
left: '',
center: 'title',
right: ''
},
month:m,
theme: true,
editable: false
});
$('#calendar1').fullCalendar({
header: {
left: '',
center: 'title',
right: ''
},
month:m+1,
theme: true,
});
I am looking to have say August and July next to each other, and when I click on next and prev arrows it will move the calendars along so that August and September appear. Any ideas? Thanks
解决方案
Try this:-
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var x = new Date();
x.setDate(1);
x.setMonth(x.getMonth() - 1);
var cal0 = $('#calendar0');
var cal1 = $('#calendar1');
cal0.fullCalendar({
header: {
left: 'title',
center: '',
right: 'prev,next today'
},
defaultDate: x,
viewRender: function(view, element) {
cur = view.intervalStart;
d = moment(cur).add('months', 1);
cal1.fullCalendar('gotoDate', d);
}
});
cal1.fullCalendar({
header: {
left: 'title',
center: '',
right: ''
},
defaultDate: date,
});`enter code here`
});
This is work for you.Thanks
这篇关于使用Fullcalendar显示多个月的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文