w3widgets响应日历动态加载事件

时间:2015-09-23 11:02:13

标签: javascript jquery ajax calendar

我尝试动态加载事件但没有得到输出。 我使用AJAX以

的格式提供数据
var datalist = "2015-09-22":{}

$(".responsive-calendar").responsiveCalendar({

  events: datelist

});

2 个答案:

答案 0 :(得分:0)

我已在此CodePen中实现了此功能: http://codepen.io/anon/pen/WQGwpX

    var $cal = $('.responsive-calendar');
    var myevnts = {
        "2015-09-23": {}
      };

    $cal.responsiveCalendar({
      events : myevnts, /* end events */
    }); /* end $cal */

采取参考。来自this stack answer

答案 1 :(得分:0)

向事件添加单个日期,

var str= '{"'+yourDate+'":{}}';

$(".responsive-calendar").responsiveCalendar({
     events: JSON.parse(str)
});

向事件添加多个日期,

var str = "";
for(j=0;j<yourDates.length;j++){
    if(j==0){
        str += '"'+yourDates[j]+'":{}';
    }else{
        str += ',"'+yourDates[j]+'":{}'; 
    } 
}; 
var dates= "{"+str+"}"; 
// Now,we got the format. {"2015-xx-xx":{},"2015-xx-xx":{},"2015-xx-xx":{}}
$(".responsive-calendar").responsiveCalendar({
     events: JSON.parse(dates)
});

我希望它会对你有所帮助。它在我的日历中运作良好。对不起,如果我错了什么。我只是个新手。