javascript - 如何在我的文件中使用 MVC5 中的 Fullcalendar

Question

我的看法:

@{
ViewBag.Title = "Index";
}

@Scripts.Render("~Scripts/jquery.min.js")
  @Scripts.Render("~Scripts/moment.min.js")
  @Scripts.Render("~Scripts/fullcalendar.js")
  @Scripts.Render("~Scripts/Events.js")`

事件 JavaScript:

 $('#calendar').fullCalendar({
header: {
    left: 'prev,next today',
    center: 'title',
    right: 'month'    }   });
  $('#calendar').fullCalendar({
header: {
    left: 'prev,next today',
    center: 'title',
    right: 'month'    }   });

日历id不调用js文件。

如何使 javascript 文件完整日历在 mvc5 中不起作用？

Answer 1

我会建议您按照以下步骤操作:-

开始:

创建一个新的 C# MVC 项目并清除默认 View 模板。

从这里下载 FullCalendar。

下载 Twitter Bootstrap(我使用稳定版 2.3.2，直到 v3 脱离 RC)。

对于这两个库，解压并将 CSS 文件放在 /Content 文件夹中，将 JS 脚本放在 /Scripts 文件夹。

在您的 MVC 项目中，将 Bootstrap 文件添加到您的脚本包中。它位于 BundleConfig.cs 中，位于您的 App_Start 文件夹中。

您还会注意到我已将 JQuery-UI JS 文件添加到我的 bundle - 这是支持拖放所必需的。

我们将在默认的 index.cshml 页面中完成我们的工作，因此在其中放置一个 DIV 来保存插件:

<div id='calendar' style="width:65%"></div>

(请注意，内联样式只是为了在 CodeProject 发布大小指南中强制屏幕截图的宽度!)

最后，为了证明它至少可以正确加载和呈现，我们将添加一些基本的 JS，当文档准备好并加载时:

初始化设置告诉插件在标题中显示什么，默认 View (在本例中为“议程日”......大多数人都熟悉)，以及默认的 15 分钟时隙。