如何在我的文件中的 MVC5 中使用完整日历

Question

my view：

@{
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 项目并清除默认视图模板。

从这里下载完整日历。

下载 Twitter Bootstrap（我使用的是稳定版本 2.3.2，直到 v3 退出 RC）。

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

在 MVC 项目中，将引导程序文件添加到脚本包中。这位于BundleConfig.cs中，位于您的App_Start文件夹中。

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

我们将在默认的index.cshml页面中完成我们的工作，所以在那里，放置一个 DIV 来保存插件：

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

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

最后，为了证明它至少正确加载和渲染，我们将添加一些基本JS ，当文档准备就绪并加载时：

初始化设置告诉插件要在标题、默认视图（在本例中为"议程日"）中显示的内容。大多数人都熟悉），并且默认时间段为 15 分钟。

Answer 2

对我来说，原因是我使用"使用布局页面"来生成我的视图。该布局页面还具有jquery捆绑包，这些捆绑包干扰了我视图上的捆绑包。所以在我看来，它没有正确加载所有库。

所以我在没有引用布局页面的情况下制作了另一个视图。 它奏效了。