fullcalendar:无法查看,页面为空

时间:2015-05-10 13:08:39

标签: php jquery html fullcalendar

我在Basic Usage page做了所有事情,并相应地添加了CDN,但我甚至看不到基本的显示。
我也试过了一个jsFiddle例子 我对此非常陌生。

<html>

    <head>
                 <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.min.css">
                 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>  
                 <script src=" https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/locales.min.js"></script>
                 <script src="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.min.js"></script>

                  <link rel="stylesheet" href="         https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.print.css">                                                                      

    </head>

    <script>
        $(document).ready(function() {
        // page is now ready, initialize the calendar...

             $('#calendar').fullCalendar({
             // put your options and callbacks here
             })
        });   

    </script>

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

1 个答案:

答案 0 :(得分:3)

<html>

    <head>
                 <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.min.css">
                 <link rel="stylesheet" href="         https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.print.css">       

                <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>  
                <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>  
                <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.min.js"></script>                                                                 
                <script type="text/javascript">
                    $(document).ready(function() {
                    // page is now ready, initialize the calendar...

                        $('#calendar').fullCalendar({
                            // put your options and callbacks here
                        });
                    });   

                </script>
    </head>



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

    </body>
</html>

1)始终将脚本放在身体或头部。 2)你的问题是你从未输入moment.js。您的代码获取locale.js,运行它不需要。 3)另外,请检查您的浏览器控制台。你会看到它无法找到moment.js的问题。 希望这可以帮助!!