如何从按钮单击生成FullCalendar

时间:2014-07-09 15:47:19

标签: javascript jquery fullcalendar

我见过的所有文档都在Document.Ready上加载了AR Shaws FullCalendar ....

$(document).ready(function() {

    // page is now ready, initialize the calendar...

    $('#calendar').fullCalendar({
       // my options and callbacks here
    })

});

在一个特定的页面上,我为用户提供了通过提供一组级联下拉列表来选择要呈现的事件的能力。只有在设置了所有下拉菜单后,我才能生成日历。所以我有一个按钮,它将运行一个客户端脚本来检查下拉列表是否都选择了值,如果确定,那么我希望生成日历。我已经在选项部分中有代码来抓取下拉列表的值,并使用它来获取符合条件的事件。

我的按钮onClick代码是......

function butGenCal() {
    // code to check dropdownlists
    // if pass then I call
    genCalendar();
    // else I show error message
}

我的genCalendar代码是......

function GenCalendar() {
    (function() {
      $('#calendar').fullCalendar({
          // my options and callbacks here
      })

    });
}

不幸的是,这不起作用......也没有错误显示。任何帮助表示赞赏。

2 个答案:

答案 0 :(得分:1)

我能够让它发挥作用:http://jsfiddle.net/marcrazyness/98bu7/

我认为你的案例中的问题可能是括号和额外的函数定义:

function GenCalendar() {
      $('#calendar').fullCalendar({
          // my options and callbacks here
      });
}

答案 1 :(得分:0)

编写超时功能

setTimeout(function(){
              GenCalendar();
          },1000);