<div id='calendar'></div>
//初始化FullCalendar var calendar = $('#calendar').fullCalendar({ //设置头部信息,如果不想显示,可以设置header为false header: { //日历头部左边:初始化切换按钮 left: 'prev,next today', //日历头部中间:显示当前日期信息 center: 'title', //日历头部右边:初始化视图 right: 'month'//month,agendaWeek,agendaDay }, //日历高度,包括表头 height: 850, //标题格式化 titleFormat: { month: 'YYYY年MM月', // September 2009 //week: "YYYY年MM月D日", // Sep 7 - 13 2009 //day: 'dddd, MMM d, yyyy' // Tuesday, Sep 8, 2009 }, // 月份名称简写, monthNamesShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'], // 星期名称简写 dayNamesShort: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'], buttonText: {//设置日历头部各按钮的显示文本信息 prev: '上月', // ‹ next: '下月', // › prevYear: '上年', // « nextYear: '下年', // » today: '今天', month: '月', week: '周', day: '日' }, //设置是否显示周六和周日,设为false则不显示 weekends: true, //日历初始化时显示的日期,月视图显示该月,周视图显示该周,日视图显示该天,和当前日期没有关系 //defaultDate: '2016-06-06', //lang:"zh-cn", //日程数据 //events: eventsArray, selectable: true, select: function (startDate, endDate, allDay, jsEvent, view) { var date = new Date(startDate._d); var year = date.getYear() + 1900; var month = date.getMonth() + 1; var date = date.getDate(); var _date = year + "-" + month + "-" + date; console.log(_date); var txt = allDay.toElement.innerText; if (txt.length == 3) { onLeakageCheck(); } } });
官网:
https://fullcalendar.io/
fullCalendar:中文API
http://blog.csdn.net/qw_xingzhe/article/details/44920943
FullCalendar 官方文档翻译
http://www.cnblogs.com/mycoding/archive/2011/05/20/2052152.html
使用FullCalendar做一个自己的日程管理(一)- 基础篇
http://blog.csdn.net/developerfanyl/article/details/52192910