Twitter bootstrap 在MVC5/Bootstrap3中添加日历插件,不确定如何导入文件

Twitter bootstrap 在MVC5/Bootstrap3中添加日历插件,不确定如何导入文件,twitter-bootstrap,asp.net-mvc-5,fullcalendar,Twitter Bootstrap,Asp.net Mvc 5,Fullcalendar,我正在寻找添加一个日历插件,我发现两个都很好演示,但我不知道如何导入到我的项目他们 我已经能够导入只包含js和css文件/文件夹的小插件,但这两个插件都有更多的文件。我还不熟悉MVC和Bootstrap,更不用说Visual Studio了,所以我不知道如何安装所有其他文件/文件夹 有人能给我一些基本的指示吗 如果可能的话,我正在查看的两台日历都希望使用选项二 离开选项二,我猜我会将所有文件夹和.css文件拖放到内容中,然后将.js放在脚本文件夹中,但我不知道如何处理其他所有内容。我是妄想打破我

我正在寻找添加一个日历插件,我发现两个都很好演示,但我不知道如何导入到我的项目他们

我已经能够导入只包含js和css文件/文件夹的小插件,但这两个插件都有更多的文件。我还不熟悉MVC和Bootstrap,更不用说Visual Studio了,所以我不知道如何安装所有其他文件/文件夹

有人能给我一些基本的指示吗

如果可能的话,我正在查看的两台日历都希望使用选项二

离开选项二,我猜我会将所有文件夹和.css文件拖放到内容中,然后将.js放在脚本文件夹中,但我不知道如何处理其他所有内容。我是妄想打破我的项目,所以为什么我想一些指导请

引导日历中文件的图像,供参考

非常感谢您的帮助


谢谢

对于那些寻找答案的人。使用FullCalendar 1.6.4

首先,我在解决方案中管理NuGet Manager并安装了FullCalendar插件

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<style>
    body 
    {
        margin-top: 5px;
        text-align: center;
        font-size: 13px;
        font-family: "Lucida Grande";
    }   
    #calendar 
    {
        width: 75%;
        height: 65%;
        margin: 0 auto;
        background-color: whitesmoke;
    }
</style>

<link href='/Content/fullcalendar.css' rel='stylesheet' /> //UPDATE YOUR PATH
<link href='/Content/fullcalendar.print.css' rel='stylesheet' media='print' /> //UPDATE YOUR PATH

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

@Scripts.Render("~/Scripts/fullcalendar.js") //UPDATE YOUR PATH
@Scripts.Render("~/Scripts/Events.js") //You could put this in the View if you want.
然后我将它插入视图中,如下所示

*注意:请确保更新两个链接href和@RenderScripts,以查找与fullcalendar插件一起安装的两个fullcalendar.css和单个fullcalendar.js文件的位置

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<style>
    body 
    {
        margin-top: 5px;
        text-align: center;
        font-size: 13px;
        font-family: "Lucida Grande";
    }   
    #calendar 
    {
        width: 75%;
        height: 65%;
        margin: 0 auto;
        background-color: whitesmoke;
    }
</style>

<link href='/Content/fullcalendar.css' rel='stylesheet' /> //UPDATE YOUR PATH
<link href='/Content/fullcalendar.print.css' rel='stylesheet' media='print' /> //UPDATE YOUR PATH

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

@Scripts.Render("~/Scripts/fullcalendar.js") //UPDATE YOUR PATH
@Scripts.Render("~/Scripts/Events.js") //You could put this in the View if you want.

在第二个链接上向下滚动并阅读快速设置。这似乎回答了你的问题。神圣的脸掌。我是不是很笨谢谢,伙计。我相信完整的日历有一个nuget包,所以你不必把任何东西拖到任何地方。它不是完整的日历。它是引导日历,没有nuget软件包。@SergeyRomanov它使用所有fullcalendar属性和设置。。?