ASP.Net Core 中的 FullCalendar 入门问题

Question

出于某种原因，我真的无法为我的 ASP.Net 核心项目 Razor 页面设置 FullCalendar.io。恕我直言，文档也很差，所以我将非常感谢任何关于我应该做什么的提示。

首先，我创建了CalendarController.cs。此时应该显示日历的 View 是 Index 并且我将控制器方法保持为空，如下所示：

public ActionResult Index()
{
    return View();
}

Index.cshtml取自这里：https://fullcalendar.io/docs/initialize-globals

    <!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='utf-8' />

    <link href='fullcalendar/core/main.css' rel='stylesheet' />
    <link href='fullcalendar/daygrid/main.css' rel='stylesheet' />

    <script src='fullcalendar/core/main.js'></script>
    <script src='fullcalendar/daygrid/main.js'></script>

    <script>

      document.addEventListener('DOMContentLoaded', function() {
        var calendarEl = document.getElementById('calendar');

        var calendar = new FullCalendar.Calendar(calendarEl, {
          plugins: [ 'dayGrid' ]
        });

        calendar.render();
      });

    </script>
  </head>
  <body>

    <div id='calendar'></div>

  </body>
</html>

如果我运行我的项目并转到 Calendar/Index，页面是空白的。我错过了什么步骤？在 getting started 页面上，他们声明必须安装一个包。我的做法是 Nu-Get Package Manager -> Install Jquery.FullCalendar - 这是错误的做法吗？我在 Package Manager Console 中尝试了运行ning 这个 npm install --save @fullcalendar/core @fullcalendar/daygrid 但没有成功。

如我所说，我们非常欢迎任何与此相关的帮助。很抱歉在所有文档中发布这样的东西！我只是想不通它来自他们。

编辑：我还在控制台中收到以下警告：

C:/Users/user/source/repos/Intersection/Intersection/Views/Calendar/fullcalendar/core/main.js' not found. and 'C:/Users/user/source/repos/Intersection/Intersection/Views/Calendar/fullcalendar/daygrid/main.js' not found.

Answer 1

您将完整日历的 JavaScript 和 CSS 文件放在哪里？似乎它正在此处的视图文件夹下寻找它们：

/Views/Calendar/fullcalendar/daygrid/main.js

我猜它们实际上安装在项目的根目录下或 /content 或 /scripts 文件夹或其他文件夹下，因此您需要更新 script和 link 标签让你的 js 和 css 文件指向正确的位置。

Answer 2

也许你可以尝试下载libary

将js文件和css文件放到~/content或~/script

Answer 3

我认为你的问题出在这里：

<link href='fullcalendar/core/main.css' rel='stylesheet' />
    <link href='fullcalendar/daygrid/main.css' rel='stylesheet' />

    <script src='fullcalendar/core/main.js'></script>
    <script src='fullcalendar/daygrid/main.js'></script>

我不知道你的视图在哪里，但是在这个指令中你告诉你寻找与你相同级别的脚本，这可能是错误的；因为您将在 wwwroot 文件夹中，所以类似的东西应该可以工作，这就是它告诉您的原因： "Couldnt file that file" ，因为该位置没有文件：

<link href='~/fullcalendar/core/main.css' rel='stylesheet' />
    <link href='/wwwroot/yourPaht/fullcalendar/daygrid/main.css' rel='stylesheet' />

    <script src='~/wwwroot/yourPath/fullcalendar/core/main.js'></script>
    <script src='/fullcalendar/daygrid/main.js'></script>

试试这 4 种方法，然后告诉我们！！

ASP.Net Core 中的 FullCalendar 入门问题

Issue getting started with FullCalendar in ASP.Net Core

c#

fullcalendar

asp.net-core