由于某种原因,我真的无法为我的 ASP.Net 核心项目Razor Page设置 FullCalendar.io。恕我直言,文档也很差,所以我非常感谢关于我应该做什么的任何提示。
首先,我创建了日历控制器.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
,页面为空白。我错过了哪一步?在入门页面上,他们声明必须安装软件包。我的做法是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 文件的script
和link
标签指向正确的位置。
也许你可以尝试下载库
将 JS 文件和 CSS 文件放入~/content
或~/script