使用fullCalendar 加载事件 数据不能显示-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

使用fullCalendar 加载事件 数据不能显示

杨冬芳 2016-07-06 14:28:17 3137

我调试了,已经看到数据都有了 但是我调用callback之后 根本就没有显示到日历表上 ,
而且也不报错,哪位大神能帮我看一下 ,多谢了,下面是页面代码,
$(function(){
//获取JavaScript的当前日期
var date = new Date();
//获取当前时间的 日 月 年
var day = date.getDate();
var month = date.getMonth();
var year = date.getFullYear();

   //日历插件的入口方法  所有属性 方法 都在这里设置
    $("#calendar").fullCalendar({
        year: year,//设置年
        month: month,//设置月
        day:day,//设置日
        defaultView:"month",//设置默认视图
        header:{
        left: "prevYear,nextYear",
        center:"title",
        right:"prev,today,next,  month, agendaDay,agendaWeek"},
        monthNames:['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],
        dayNames:['周日','周一','周二','周三','周四','周五','周六'],
        titleFormat:'yyyy年   MMMM ',//日历头部文本显示信息
        columnFormat:{month:'dddd',week:'M月d日 dddd',day:'M月d日 dddd' },
        //设置按钮上显示的文字  若不设置 则有默认图片 prev:< next:> prevYear:<< nextYear:>>
        buttonText:{
           prev:'上翻',
           next:'下翻',
           today:'今天',
           prevYear:'上一年',
           nextYear:'下一年',
           month:'月', 
           week:'周',
           day:'日'
           },

          aspectRatio:2,//调整宽高比例 宽不变 变得是高
         /* 
         weekMode 用来设置视图中显示的周数
          finxed: 每月固定显示6周.2.7.2. 
          liquid: 可能会显示4, 5, 6周, 依赖于月份, 每周的高度会拉长到填充可变高度, 视aspectRatio而定, 这里月份的高度是定的.
          vairiable: 可能会显示4, 5, 6周, 依赖于月份, 每周的高度会有一个固定值, 也就是说, 整个月份的高度会随着有几周的行数而变化. 
          */
          weekMode:'liquid',//这里设置为liquid
          allDayText:'全天',//all-day 的显示内容 
          slotMinutes:20,//表示在agenda视图下 每一小时所在的行中分出来的每一小行代表多少分钟 单位为分钟
          editable:true,

          diableResizing:true,//是否可改变大小
          dragOpacity:0.3,//表示拖动时候的不透明度
          //设置事件源
          events:function(start,end,callback){

               var params={};
               $.ajax({
                    url:'<%=basePath%>/repairPlanController_find.do',
                    type:'post',
                    data:params,
                    dataType:'json',
                        success:function(res){
                           var events=[];

                             for(var i =0;i<res.length;i++){
                               var plan=res[i];
                               var title=plan.planTitle;

                               var id=plan.id;
                               var start=new Date(plan.startTime);
                               var end=new Date(plan.endTime);
                               var allDay=plan.isAllday==0?false:true;
                               events.push({
                                  id:id,
                                  title:title,
                                  start:start,
                                  end:end,
                                  allDay:allDay

                               }); 

                             }
                             try {
                                callback(events);

                            } catch (e) {

                                console.info(e);
                            }

                        }

               });

          }
    });
});
JSON 前端开发 JavaScript 数据格式
分享到
取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:52:05

    执行callback没有?
    screenshot

    打开控制台,在callback处打断点,执行到callback后按下f11,进入callback内部逐行执行代码,看是否是某段代码的判断条件不成立跳过了。

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程