Javascript 如何在fullcalendar.js中激活主题?

Javascript 如何在fullcalendar.js中激活主题?,javascript,fullcalendar,themes,Javascript,Fullcalendar,Themes,我想用javascript创建一个日历视图。我正在使用这个插件,但主题不会显示,只是尝试使用标准主题。有人知道为什么吗 文件标题 $(函数(){ $(“#日历”).fullCalendar({ 主题系统:“标准”, dayClick:function(){ 警报('已单击一天!'); } }) }); 看起来您的库有问题 从此处下载完整日历: 制作一个文件夹并命名为“lib”,在其中添加fullcalendar.min.css、fullcalendar.print.min.css和mome

我想用javascript创建一个日历视图。我正在使用这个插件,但主题不会显示,只是尝试使用标准主题。有人知道为什么吗


文件标题
$(函数(){
$(“#日历”).fullCalendar({
主题系统:“标准”,
dayClick:function(){
警报('已单击一天!');
}
})
});

看起来您的库有问题 从此处下载完整日历: 制作一个文件夹并命名为“lib”,在其中添加fullcalendar.min.css、fullcalendar.print.min.css和moment.min.js,并使用下一个标题

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <link href='lib/fullcalendar.min.css' rel='stylesheet' />
    <link href='lib/fullcalendar.print.min.css' rel='stylesheet' media='print' />
    <script src='lib/moment.min.js'></script>
    <script src='lib/fullcalendar.min.js'></script>

编辑:

对于bootstrap 4主题添加:

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css">

对于jquery ui主题添加:

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css">

问题在于

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.0/fullcalendar.print.css">

必须改为

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.0/fullcalendar.print.css" media="print">

(即,您必须将属性
media=“print”
添加到链接标签)

否则,即使在屏幕上,您也会得到打印布局。有关“媒体”属性的更多详细信息,请参阅

添加后,它会告诉打印CSS仅在用户尝试打印页面时接管,并允许在浏览器版本中使用标准主题

演示:

另外,如果您只想使用标准主题,实际上根本不需要在代码中编写
主题系统:“标准”、
——这是默认值,因此您可以忽略它


p.p.S.当然,如果你想使用任何其他主题,你必须适当地设置主题系统,并在页面中包含相关的CSS文件。

使用CDN和本地文件不是问题所在。走这条路纯粹是浪费时间