在核心中开始使用全日历时出现问题 ASP.Net



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

首先,我创建了日历控制器.cs。此时应该显示日历的ViewIndex,我将控制器方法保留为空,如下所示:

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,页面为空白。我错过了哪一步?在入门页面上,他们声明必须安装软件包。我的做法是Nu-Get Package Manager -> Install Jquery.FullCalendar- 这是错误的方式吗?我尝试在Package Manager Console运行此npm install --save @fullcalendar/core @fullcalendar/daygrid但没有成功。

正如我所说,非常欢迎对此的任何帮助。很抱歉用所有文档发布这样的东西!我只是想不通他们。

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

C:/Users/user/source/repos/Intersection/Intersection/Views/Calendar/fullcalendar/core/main.js">

未找到。 和"C:/Users/user/source/repos/Intersection/Views/Calendar/fullcalendar/daygrid/main.js"未找到。

我认为你的问题就在这里:

<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文件夹中,所以类似的东西应该可以工作,这就是为什么它告诉您:"无法提交该文件" ,因为该位置没有文件:

<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种方式,让我们知道!!

你把JavaScript 和 CSS 文件放在哪里? 似乎它正在这里的视图文件夹下寻找它们:

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

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

也许你可以尝试下载库

将 JS 文件和 CSS 文件放入~/content~/script

最新更新