关于实施的完整日历问题

Dam*_*iii 3 html jquery

我在实现FullCalendar时遇到了问题...我想,我在http://arshaw.com/fullcalendar/docs/usage/上的"基本用法"主题上做了所有的事情. 为什么那段代码没有?在我的.html上出现我的callendar?

<!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>
        Callendar Test
    </title>
    <link rel='stylesheet' type='text/css' href='fullcalendar.css' />

    <script type="text/javascript" src="jquery.js"></script>

    <script type="text/javascript" src='fullcalendar.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>
Run Code Online (Sandbox Code Playgroud)

有解决方案吗

PS:我下载了Jquery文件(版本1.x)并与我的HTML页面放在同一个文件中.

错误:

Unknown property 'zoom'.  Declaration dropped. fullcalendar.css:107
18:50:38.058 Expected 'none' or URL but found 'alpha('.  Error in parsing value for              'filter'.  Declaration dropped. fullcalendar.css:133
18:50:38.058 Error in parsing value for 'background-image'.  Declaration dropped. fullcalendar.css:213
18:50:38.058 Error in parsing value for 'background-image'.  Declaration dropped. fullcalendar.css:214
18:50:38.058 Error in parsing value for 'background-image'.  Declaration dropped. fullcalendar.css:215
18:50:38.058 Expected 'none' or URL but found 'alpha('.  Error in parsing value for 'filter'.  Declaration dropped. fullcalendar.css:255
18:50:38.058 Expected 'none' or URL but found 'alpha('.  Error in parsing value for 'filter'.  Declaration dropped. fullcalendar.css:414
18:50:38.059 Expected declaration but found '*'.  Skipped to next declaration. fullcalendar.css:532
18:50:38.059 Expected 'none' or URL but found 'alpha('.  Error in parsing value for 'filter'.  Declaration dropped. fullcalendar.css:575
18:50:38.059 Error in parsing value for 'display'.  Declaration dropped. fullcalendar.css:580
18:50:38.092 ReferenceError: moment is not defined fullcalendar.js:12
18:50:38.094 The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol. FullCalendar.html
18:50:38.116 TypeError: $(...).fullCalendar is not a function
Run Code Online (Sandbox Code Playgroud)

这是我的目录:

在此输入图像描述

小智 25

以防万一其他人通过谷歌找到这个帖子并遇到同样的问题:如果你使用的是FullCalendar 的托管库,你必须包含moment.js(托管库上不可用,所以你必须下载它)包含fullcalendar.js文件之前.例如:

<script type="text/javascript" src="scripts/moment.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.0.1/fullcalendar.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

FullCalendar显然有一些Moment对象的引用,甚至在它实例化之前.

希望能帮助别人.


小智 6

你必须检查js的顺序.

moment.min.js
fullcalendar.js
lang-all.js
Run Code Online (Sandbox Code Playgroud)