fullcalendar这个翻月的按钮怎么弄出来的啊?
 <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>



<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>日历</title>

<script language="javascript" src="/assets/js/locale-all.js"></script>
<script type="text/javascript" src="/assets/js/jquery-1.10.2.js"></script>
<script language="javascript" src="/assets/js/jquery-ui.js"></script>
<script language="javascript" src="/assets/js/moment.js"></script>
<script language="javascript" src="/assets/js/fullcalendar.js"></script>
<link href="/assets/css/fullcalendar.css" rel="stylesheet"
type="text/css" />
<link href="/assets/css/fullcalendar.print.css" rel="stylesheet"
type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
var myDate = new Date();

//初始化FullCalendar 
var calendar = $('#calendar').fullCalendar({
**header: {  
//日历头部左边:初始化切换按钮  
left: 'today prev,next',  
//日历头部中间:显示当前日期信息  
center: 'title',  
//日历头部右边:初始化视图  
right: 'month,agendaWeek,agendaDay'  
},**
defaultView: 'month',
//设置头部信息,如果不想显示,可以设置header为false
theme: true,

monthNames: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
monthNamesShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
dayNames: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],
dayNamesShort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],
today: ["今天"],
firstDay: 1,
buttonText : {
month : '月视图',
agendaWeek : '周',
agendaDay : '日视图'
},
handleWindowResize:true,
//设置是否显示周六和周日,设为false则不显示  
weekends: true,
//日历初始化时显示的日期,月视图显示该月,周视图显示该周,日视图显示该天,和当前日期没有关系
defaultDate: myDate,
//日程数据 
events:function(start, end, callback){
//prev上一月, next下一月等事件时调用

}
});
});
</script>
</head>
<body>

<div id="calendar"></div>

</body>
</html>

在header里的title没有问题但是为啥左右的视图和翻页就没有呢,不是fullcalendar自己封装好的吗,为了不和bootstrap冲突都没有加bootstrap的引用

图片说明

2个回答

Fiter52000
Fiter52000 回复yemengxinghan: 请问你是怎么解决的呀?我也是同样的问题,谢谢!
接近 2 年之前 回复
yemengxinghan
yemengxinghan 无脑粘贴,算了,自己解决了
2 年多之前 回复

用jquery找出上下按钮添加click事件就行了
fc1.5用这个
$('#calendar').find('.fc-button-prev,.fc-button-next').click(function(){alert($(this).hasClass('fc-button-prev')?'prev':'next')})
fc2.2用这个
$('#calendar').find('.fc-prev-button,.fc-next-button').click(function(){alert($(this).hasClass('fc-prev-button')?'prev':'next')})
其他版本注意修改样式选择器

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐