fullcalendar 使用配置说明

var options = {

               header:{   //头部设置

                     left:'title', //左边内容

                     center:'', //中间显示

                     left:'prev,next,today,month,agendaWeek,agendaDay'  //右边显示

              },

              buttonText:{  //右边按钮文字显示

                  today: '今天',
                  month: ‘月’,
                  week: ‘周’,
                  day: ‘日’

              },

            titleFormat:"YYYY MM DD",  //左边title日期的显示格式
            aspectRatio:2,  //宽高比例
            defaultView: "month",   //默认显示月视图
            firstDay: 0,   //一周中第一天显示周几    周日:0,周一:1....
            editable: true,
            timeFormat:"HH:mm",   //日程的时间显示格式
            minTime:"00:00",   //周视图、日视图最小显示时间
            maxTime:"24:00",    //周视图、日视图最大显示时间
            firstHour:6,   //初始滚动条滚动到的时间位置(6点)
            showNonCurrentDates:false,  //不显示不是当月的日期
            fixedWeekCount:false,   //根据当前月份的显示周

            eventDrop:function(event, delta, revertFunc, jsEvent, ui, view){  },  //拖拽事件

            eventResize:function(event, delta, revertFunc){  },    //周、日视图,下拉改变时间事件

            dayClick:function(date, jsEvent, view){  },       //点击某一天事件 - 新建日程

            eventClick:function(event, jsEvent, view){  },    //点击日程事件 - 查看日程

            eventRender:function(event,element){ },      //日程渲染

            events:function(start, end, timezone, callback) {  //异步请求,数据获取,封装成json格式

                 var eventArr= [{},{},{}];

                 callback(eventArr); 

           }              

  }

  $("#calendar").fullCalendar(options);

你可能感兴趣的:(fullcalendar 使用配置说明)