如何在我的文件中的 MVC5 中使用完整日历
How to work with Fullcalendar in MVC5 in my file
my view:
@{
ViewBag.Title = "Index";
}
@Scripts.Render("~Scripts/jquery.min.js")
@Scripts.Render("~Scripts/moment.min.js")
@Scripts.Render("~Scripts/fullcalendar.js")
@Scripts.Render("~Scripts/Events.js")`
事件 JavaScript:
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month' } });
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month' } });
日历 ID 不调用 JS 文件。
如何启用 javascript 文件完整日历在 mvc5 中不起作用?
我会建议您按照以下步骤操作:-
要开始使用:
创建新的 C#
MVC 项目并清除默认视图模板。
从这里下载完整日历。
下载 Twitter Bootstrap(我使用的是稳定版本 2.3.2,直到 v3 退出 RC)。
对于这两个库,解压缩并将CSS
文件放入/Content
文件夹中,将JS
脚本放在/Scripts
文件夹中。
在 MVC 项目中,将引导程序文件添加到脚本包中。这位于BundleConfig.cs
中,位于您的App_Start
文件夹中。
您还会注意到我已将JQuery-UI JS
文件添加到我的bundle
中 - 这是支持拖放所必需的。
我们将在默认的index.cshml
页面中完成我们的工作,所以在那里,放置一个 DIV 来保存插件:
<div id='calendar' style="width:65%"></div>
(请注意,内联样式只是为了在 CodeProject 发布大小指南中强制显示屏幕截图的宽度!
最后,为了证明它至少正确加载和渲染,我们将添加一些基本JS
,当文档准备就绪并加载时:
初始化设置告诉插件要在标题、默认视图(在本例中为"议程日")中显示的内容。大多数人都熟悉),并且默认时间段为 15 分钟。
对我来说,原因是我使用"使用布局页面"来生成我的视图。该布局页面还具有jquery捆绑包,这些捆绑包干扰了我视图上的捆绑包。所以在我看来,它没有正确加载所有库。
所以我在没有引用布局页面的情况下制作了另一个视图。 它奏效了。
相关文章:
- JavaScript打印功能使日历停止工作
- 如何在输入字段中的按钮的帮助下打开日历,该字段的类型为“=”;日期”;
- primefaces日历可以禁用过去的日期和时间吗
- Google 脚本:用于创建日历活动的脚本运行时不会出错,但不会执行任何操作
- 如何在谷歌日历图表中使用布尔型列
- 如何在MVC5中ajax调用的部分视图中引用外部javascript
- Json在完整日历中对数据进行了编码
- 将到达日历中的2天添加到离开日历中
- 如何在下拉列表中选择完整的日历月份和年份
- 谷歌公共日历链接没有'不工作(完整日历)
- 使用AJAX将日期从SQL服务器传递到jQuery日历
- 为网站表单创建一个专业的日历
- 如何在完整日历中的当天点击时显示活动详细信息
- 如何使用角度材质日历
- jQuery完整日历添加事件,仅包含月份和日期
- 从工作日结束到下一个工作日开始的完整日历JS包装时间
- 如何使用2个事件单击1个日历
- 如何删除谷歌图表日历图例
- 日历显示不正确
- 如何在我的文件中的 MVC5 中使用完整日历