fullCalendar中文api
github地址:https://github.com/fullcalendar/fullcalendar
官网地址:http://fullcalendar.io
api地址:http://fullcalendar.io/docs/
下面是我在使用过程中遇到的问题及解决方法
1.中文化:
zh-cn.js下载地址:http://download.csdn.net/detail/haozq2012/9162467
//引入:
<script src='zh-cn.js'></script>
//然后加入
lang: 'zh-cn',
2.fullCalendar方法,传入id和时间json的url
function createCalendar(calendarSet,url){
$('#' + calendarSet.id).fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'agendaWeek,agendaDay',
},
//设置默认日期
defaultDate: '2015-10-28',
dragScroll :true,
//默认视图为天
defaultView:'agendaDay',
//默认滚动到的时间
scrollTime: '08:00:00',
defaultTimedEventDuration: '00:00:00',
//日期显示
dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
//间隔时间
slotDuration: '00:15:00',
//头部日期格式化
titleFormat:'YYYY-MM-DD',
//设置时间间隔中间的文字 如:15-10-19 ~ 25
titleRangeSeparator:' ~ ',
//设置时间格式
timeFormat:'HH:mm',
//设置左侧第一列时间格式
axisFormat: 'HH:mm',
//全天事件显示文字
allDayText:'全天事件',
//时间轴宽度
axisWidth: null,
//是否启用WindowResize
handleWindowResize:true,
//是否启用拖动改变位置和大小
editable: true,
//日期事件的json获取地址
events: url,
//表格select事件是否可用
selectable: true,
//当用户拖动事件是否绘制一个“占位符”
selectHelper: true,
//table选择
select: function(start, end) {
var title = prompt('事件名称:');
// var content = prompt('事件内容:');
var eventData;
if (title) {
eventData = {
title: title,
start: start,
end: end
};
$('#' + calendarSet.id).fullCalendar('renderEvent', eventData, true);
}
$('#' + calendarSet.id).fullCalendar('unselect');
},
//事件点击
eventClick: function(calEvent, jsEvent, view) {
}
});
}