从bic_calendar向我的代码添加事件对象

时间:2016-12-25 22:28:02

标签: javascript jquery

我想从这个链接bic_calendar

中使用bic_calendar

我用这个鳕鱼将日历添加到我的网站

$(document).ready(function() {

          var monthNames = ["January", "February", "May", "June", "March", "April", "July", "August", "September", "October", "November", "December"];

      
var dayNames = [ "الاحد", "الاثنين", "ثلاثاء", "الاربعاء", "الخميس", "جمعه","سبت"];
      
          $('#calendar').bic_calendar({
              //enable select
              enableSelect: true,
              //set day names
              dayNames: dayNames,
              //set month names
              monthNames: monthNames,
              //show dayNames
              showDays: true,
              //show month controller
              displayMonthController: true,
              //show year controller
              displayYearController: true,
              //change calendar to english format
              startWeekDay: 1,
              //set ajax call
              
              
              reqAjax: {
                  type: 'get',
                  url: 'http://bic.cat/bic_calendar/index.php'
              }
          });

        $('.bic_calendar').removeClass('row');
        $('.table').addClass('table-bordered');
        $('.table.header').removeClass('table-bordered');
      });

        
    </script>
   

此代码在我的网站上成功运行在我的网站上

我需要将事件对象添加到我的代码

这是文档上的示例 日期(字符串): 例如:“17/8/1989” 标题(字符串) 例如:“事件Barberà” 链接(字符串) 例如:“http://google.es” 颜色(字符串) 例如:“#333” class(字符串) 例如:“activo congreso” 内容(字符串) 例如:“popover内容的文字......事件描述......图像......” *如果未定义内容,则将是工具提示

我怎么能做到?

1 个答案:

答案 0 :(得分:0)

有两种方法可以向bic_calendar添加事件:

使用“events”选项(事件对象数组):

$(document).ready(function() {

    var events = [{
    date: "24/12/2016",
    title: 'an event',
  }, {
    date: "25/12/2016",
    title: 'event 2'
  }];

  $('#calendar').bic_calendar({
    events: events
  });

});
通过使用“reqAjax”(事件数组的json数组)选项。此选项调用指定的url并期望json事件数组作为respose:

[{
    "date": "24/12/2016",
    "title": "an event"
}, {
    "date": "25/12/2016",
    "title": "event 2"
}]

以下是使用reqAjax选项的示例:

$(document).ready(function() {

      $('#calendar').bic_calendar({
        reqAjax: {
            type: 'get',
            url: 'your url returning json array of events'
        }
      });

    });

最好的问候!
Krzysztof