Javascript FullCalendar插件3.1.0未正确显示
当我执行以下代码时,FullCallendar没有正确显示。我得到的结果如下: 根据FullCallendar演示,它应该如下所示: 调试控制台不显示任何错误。我做错了什么Javascript FullCalendar插件3.1.0未正确显示,javascript,jquery,css,laravel,fullcalendar,Javascript,Jquery,Css,Laravel,Fullcalendar,当我执行以下代码时,FullCallendar没有正确显示。我得到的结果如下: 根据FullCallendar演示,它应该如下所示: 调试控制台不显示任何错误。我做错了什么 $(文档).ready(函数(){ $(“#日历”).fullCalendar({ 违约日期:“2016-12-12”, 是的, eventLimit:true,//当事件太多时允许“更多”链接 活动:[ { 标题:“全天活动”, 开始日期:2016-12-01 }, { 标题:“长期活动”, 开始日期:2016-12-
$(文档).ready(函数(){
$(“#日历”).fullCalendar({
违约日期:“2016-12-12”,
是的,
eventLimit:true,//当事件太多时允许“更多”链接
活动:[
{
标题:“全天活动”,
开始日期:2016-12-01
},
{
标题:“长期活动”,
开始日期:2016-12-07,
完:2016-12-10
},
{
身份证号码:999,
标题:“重复事件”,
开始:“2016-12-09T16:00:00”
},
{
身份证号码:999,
标题:“重复事件”,
开始:“2016-12-16T16:00:00”
},
{
标题:"会议",,
开始:“2016-12-11”,
完:2016-12-13
},
{
标题:"会议",,
开始:“2016-12-12T10:30:00”,
完:“2016-12-12T12:30:00”
},
{
标题:"午餐",,
开始:“2016-12-12T12:00:00”
},
{
标题:"会议",,
开始:“2016-12-12T14:30:00”
},
{
标题:"欢乐时光",,
开始:“2016-12-12T17:30:00”
},
{
标题:"晚餐",,
开始:“2016-12-12T20:00:00”
},
{
标题:"生日派对",,
开始:“2016-12-13T07:00:00”
},
{
标题:“点击谷歌”,
网址:'http://google.com/',
开始:“2016-12-28”
}
]
});
});代码>
正文{
利润率:40像素10像素;
填充:0;
字体系列:“Lucida Grande”,Helvetica,Arial,Verdana,无衬线;
字体大小:14px;
}
#历法{
最大宽度:900px;
保证金:0自动;
}
我刚看了一下这个样式表,发现它的URL中有一个单词print
。然后我看了看代码,评论说这是一个打印机友好的版本。看看你的截图,我同意它就是这么做的
我从URL中删除了.print
,它看起来就是您需要的
http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.css
尝试删除打印机的样式。在此处键入“$(文档)。准备就绪(funcntio(){”,但看起来好像没有加载css文件。尝试刷新页面以查看样式是否已应用。显然css和js加载正确。我已清除浏览器缓存,但得到相同的结果。