javascript - FullCalendar 错误 - Microsoft JScript 运行时错误 : Object doesn't support this property or method

标签 javascript json asp.net-mvc-3 fullcalendar

我试图将 FullCalendar 硬塞到入门 ASP.NET MVC3 网站中作为试用,但收到错误消息“Microsoft JScript 运行时错误:对象不支持此属性或方法”。生成网页的代码是

<!DOCTYPE html>
<html>
  <head>
<link rel='stylesheet' type='text/css' href='~/Content/fullcalendar.css' />
<link rel='stylesheet' type='text/css' href='~/Content/fullcalendar.print.css' media='print' />

<script type='text/javascript' src='~/Scripts/fullcalendar.js'></script>
<script type='text/javascript' src='~/Scripts/gcal.js'></script>
<style type='text/css'>

body {
    margin-top: 40px;
    text-align: center;
    font-size: 14px;
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    }

#calendar {
    width: 725px;
    margin: 0 auto;
    }

</style>


<title>Event Calendar</title>

<link href="../Content/Site.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.4.4.js" type="text/javascript"></script>
</head>

<body>
<div class="page">

    <div id="header">
        <div id="title">
            <h1>My MVC Application</h1>
        </div>

        <div id="logindisplay">

    [ <a href="/Account/LogOn">Log On</a> ]

        </div> 

        <div id="menucontainer">

            <ul id="menu">
                <li><a href="/Club/EventCalendar">Event Calendar</a></li>
                <li><a href="/">Home</a></li>
                <li><a href="/Home/About">About</a></li>
            </ul>

        </div>
    </div>

    <div id="main">
        <div id="pageContent">

<script type="text/javascript">
    $(document).ready(function () {
        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();
        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,basicWeek,basicDay'
            },
            editable: true,
            events: [
                {
                    title: 'Lunch',
                    start: new Date(y, m, d, 12, 0),
                    end: new Date(y, m, d, 14, 0),
                    allDay: false
                }
            ]
        });
    });    
</script>
<div id="calendar">
</div>

        </div>
        <div id="linkContent" >
        </div>

    </div>

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

运行 JavaScript 代码来创建日历时失败。据我所知,许多网站上都显示了该代码。任何人都知道可能出了什么问题。

最佳答案

您需要在插件之前导入 jQuery。把<script><head> 顶部加载 jQuery 的标签.

关于javascript - FullCalendar 错误 - Microsoft JScript 运行时错误 : Object doesn't support this property or method,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5991553/

相关文章:

asp.net-mvc-3 - MVC Paypal 助手错误 : PayPal. Platform.SDK.FATALException

javascript - 如何更改输入框中特定字母的颜色?

javascript - 测试时 React props 函数未定义

php - 我如何访问这个 JSON 编码的 php 数组的内容?

jquery - 从 Coldfusion 查询形成 json 以用于 jquery 自动完成

java - getJSON JavaScript 函数返回 undefined object

asp.net-mvc-3 - 插入命令需要插入数据绑定(bind)设置 Kendo Grid 错误任何人

entity-framework - 如何使用 Entity Framework Code First 为我的数据库提供种子?

javascript - 如何使用 node.js 从 json 引用 key

javascript - 在 native 的固定时间段内重新加载 setInterval 中的 api 数据