完整日历选项不起作用
Fullcalendar options not working
我正在尝试使用FullCalendar。init函数中的所有选项都不起作用。没有控制台错误,也没有任何反馈。当我尝试使用"页眉"选项时,实际的页眉似乎就消失了!
这是我的HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>VetPro Dashboard</title>
<!-- Style Css-->
<link rel="stylesheet" href="../../assets/css/styles.css">
<link rel="stylesheet" href="../../assets/fonts/fonts.css">
<link rel="stylesheet" href="../../vendor/bower_components/fullcalendar/dist/fullcalendar.min.css">
<link rel="stylesheet" href="../../vendor/bower_components/fullcalendar/dist/fullcalendar.print.css">
<!-- jQuery -->
<script type="text/javascript" src="../../vendor/bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="../../vendor/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../../vendor/bower_components/moment/min/moment.min.js"></script>
<script type="text/javascript" src="../../vendor/bower_components/fullcalendar/dist/fullcalendar.min.js"></script>
<script type="text/javascript" src="../../assets/javascripts/calendar_scheduler.js"></script>
</head>
<body class="split-background">
<!-- Start Body -->
<div class="container-fluid" id="vetpro-dashboard">
<div class="container container-border">
<div class="col-md-6">
<div id="calendar">
</div>
</div>
<div class="col-md-6" id="exceptions">
<div id="scheduler">
<div id="timepicker">
</div>
</div>
</div>
</div>
</div>
<!-- End Body -->
</body>
</html>
这是我的Javascript:
(function() {
'use strict';
$(document).ready(function(){
// Full calendar
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'agendaWeek,agendaDay'
},
dayClick: function(date, jsEvent, view) {
alert('Clicked on: ' + date.format());
alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);
alert('Current view: ' + view.name);
// change the day's background color just for fun
$(this).css('background-color', 'red');
}
});
// Moment.js locale
moment.locale('en', {
calendar : {
lastDay : '[Yesterday]',
sameDay : '[Today]',
nextDay : '[Tomorrow]',
lastWeek : '[last] dddd',
nextWeek : 'dddd',
sameElse : 'dddd'
}
});
});
})();
这里怎么了?我该怎么解决这个问题?
谢谢!
文档中似乎没有提到包含"print.css"文件会破坏其他一切。拆下那根线就解决了问题。
相关文章:
- javascript选项卡没有'不起作用
- JavaScript Regex(?i)选项中字符串大小写不敏感的部分不起作用
- 在Internet Explorer中,向所选内容添加选项不起作用
- 角度去抖动(ng模型选项)不起作用
- 链接到手风琴中的另一个选项卡,嵌入的链接将不起作用
- 单击选项卡时jquery选项卡选择不起作用
- chrome中的onmouseover(下拉选项标记)事件不起作用-php,javascript
- Angular js-ng选项不起作用
- 单击事件在jquery easyui多选项卡中不起作用
- 选择选项淘汰赛事件不起作用
- ES2015“导入”在带有--harmony_modules选项的节点v6.0.0中不起作用
- ng-单击在IE中不起作用的选项选择Angularjs
- 为什么我的淘汰选项绑定不起作用
- 传单地图“中心”选项不起作用
- Angular Material:md选择选项卡内部的页眉不起作用
- 具体化选择-不'动态添加选项时不起作用
- DateBox的dateFormat选项不起作用
- 引导选项卡导航不起作用
- 双击已添加的选择选项不起作用
- PayPal捐赠按钮在 chrome://extensions/ 中不起作用(选项V2)