试图在我的页面上加载Bootstrap日历。获得未捕捉的错误

时间:2013-07-29 18:58:08

标签: javascript javascript-events

我得到的确切错误是“未捕获错误:日历:未设置事件加载URL”。我完全按照https://github.com/Serhioromano/bootstrap-calendar的说明进行操作。我只是试图让这个东西加载,所以我有一个空行的<div id="calendar"></div>行,我的javascript包含var calendar = $('#calendar').calendar();。但是,当我加载页面时,没有任何内容显示,上面的错误显示在我的控制台中,指向我的javascript行。我真的不太清楚该怎么做。

1 个答案:

答案 0 :(得分:5)

文档有点误导。

要启动并运行演示:

  • 您需要提供事件来源。您可以使用events_source: function () { return []; }为其提供虚拟事件源。
  • 你必须复制
    • calendar.min.js (或calendar.js)
    • calendar.min.css (或calendar.css)
    • tmpls 文件夹
  • 您必须加载javascript文件jQuery,然后加载Bootstrap,然后加载Underscore.js,然后按顺序加载日历。
  • 指定 tmpls路径
  • 是个好主意

HTML示例

<script src="/Scripts/jquery.min.js"></script>
<script src="/Scripts/bootstrap.min.js"></script>
<script src="/Scripts/underscore-min.js"></script>
<script src="/Scripts/calendar.min.js"></script>

...

<div id="calendar"></div>

Javascript示例

<script type="text/javascript">
     var calendar = $("#calendar").calendar(
         {
             tmpl_path: "/tmpls/",
             events_source: function () { return []; }
         });
</script>