C# Razor页面Asp.Net核心安装完整日历

我正在尝试安装FullCalendar库，以便在带有Razor页面的Asp.Net核心Web应用程序中使用，并安装了Nugget软件包jQuery.FullCalendar

在my Index.cshtml中，我使用：

<div id="calendar"></div>

---

但当我运行应用程序时，什么也没发生。我是否错过了一些步骤，或者此库不适用于Asp.Net Core？

对于

FullCalendar

是客户端库，我建议您可以使用LibMan。请参阅：

搜索js库：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.js"></script>  

1.moment.js：

2.FullCalendar.js：

那么您的剃须刀页面应该如下所示：

<div id="calendar"></div>

@section Scripts
{
    <link href="~/lib/fullcalendar/fullcalendar.min.css" rel='stylesheet' />
    <script src="~/lib/moment.js/moment.min.js" ></script>
    <script src="~/lib/fullcalendar/fullcalendar.min.js"></script>
    <script>
        $(function () {
            $('#calendar').fullCalendar({});

        })
    </script>
}

<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>

结果:

---

对于

FullCalendar

是一个客户端库，我建议您可以使用LibMan。请参阅：

搜索js库：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.js"></script>  

1.moment.js：

2.FullCalendar.js：

那么您的剃须刀页面应该如下所示：

<div id="calendar"></div>

@section Scripts
{
    <link href="~/lib/fullcalendar/fullcalendar.min.css" rel='stylesheet' />
    <script src="~/lib/moment.js/moment.min.js" ></script>
    <script src="~/lib/fullcalendar/fullcalendar.min.js"></script>
    <script>
        $(function () {
            $('#calendar').fullCalendar({});

        })
    </script>
}

<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>

结果: