我拥有的是一个包含 12 个选项卡的选项卡式页面(每个选项卡代表一年中的一个月)。 我需要的是当我加载 jquery 日历、foreach 选项卡、日历以切换到指定的月份时。 (例如,当我单击并加载一月的页面时,日历显示一月的天数,依此类推)。
最佳答案
JS:
$(function() {
// build months anchors list
monthsList('#months-list');
// inizialize calendar
$('#calendar').fullCalendar({});
$(document).on('click', '#months-list a', function() {
// get month from month anchor hash
var month = this.hash.substring(1);
// go to new month
$('#calendar').fullCalendar('gotoDate', goToMonth(month));
return false;
});
function goToMonth(month) {
var date = new Date();
var d = date.getDate();
var m = month !== undefined ? parseInt(month, 0) : date.getMonth();
var y = date.getFullYear();
return new Date(y, m, d);
}
function monthsList(element) {
var monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
for (var m = 0; m < monthNames.length; m++) {
$(element).append('<li><a href="#' + m + '">' + monthNames[m] + '</a></li>');
}
}
});
HTML:
<ul id="months-list"></ul>
<div id='calendar'></div>
关于javascript - jquery全日历,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2463509/