2015-05-13 68 views
-1

我有這個問題,當我試圖將我的啓動器主題的管理引導fullcalendar整合。我需要將其集成到我的着陸頁上。下面是代碼我的引導管理主題不會與fullcalendar js插件

<script> 

\t $(document).ready(function() { 

\t \t $('#calendar').fullCalendar({ 
\t \t \t defaultDate: '2015-02-12', 
\t \t \t editable: true, 
\t \t \t eventLimit: true, // allow "more" link when too many events 
\t \t \t events: [ 
\t \t \t \t { 
\t \t \t \t \t title: 'All Day Event', 
\t \t \t \t \t start: '2015-02-01' 
\t \t \t \t }, 
\t \t \t \t { 
\t \t \t \t \t title: 'Long Event', 
\t \t \t \t \t start: '2015-02-07', 
\t \t \t \t \t end: '2015-02-10' 
\t \t \t \t }, 

\t \t \t \t { 
\t \t \t \t \t title: 'tite', 
\t \t \t \t \t start: '2015-02-07', 
\t \t \t \t \t end: '2015-02-10' 
\t \t \t \t }, 


\t \t \t \t { 
\t \t \t \t \t title: 'flava design', 
\t \t \t \t \t start: '2015-05-10', 
\t \t \t \t \t end: '2015-05-27' 
\t \t \t \t }, 

\t \t \t \t { 
\t \t \t \t \t id: 999, 
\t \t \t \t \t title: 'Repeating Event', 
\t \t \t \t \t start: '2015-02-09T16:00:00' 
\t \t \t \t }, 
\t \t \t \t { 
\t \t \t \t \t id: 999, 
\t \t \t \t \t title: 'Repeating Event', 
\t \t \t \t \t start: '2015-02-16T16:00:00' 
\t \t \t \t }, 
\t \t \t \t { 
\t \t \t \t \t title: 'Conference', 
\t \t \t \t \t start: '2015-02-11', 
\t \t \t \t \t end: '2015-02-13' 
\t \t \t \t }, 
\t \t \t \t { 
\t \t \t \t \t title: 'Meeting', 
\t \t \t \t \t start: '2015-02-12T10:30:00', 
\t \t \t \t \t end: '2015-02-12T12:30:00' 
\t \t \t \t }, 
\t \t \t \t { 
\t \t \t \t \t title: 'Lunch', 
\t \t \t \t \t start: '2015-02-12T12:00:00' 
\t \t \t \t }, 
\t \t \t \t { 
\t \t \t \t \t title: 'Meeting', 
\t \t \t \t \t start: '2015-02-12T14:30:00' 
\t \t \t \t }, 
\t \t \t \t { 
\t \t \t \t \t title: 'Happy Hour', 
\t \t \t \t \t start: '2015-02-12T17:30:00' 
\t \t \t \t }, 
\t \t \t \t { 
\t \t \t \t \t title: 'Dinner', 
\t \t \t \t \t start: '2015-02-12T20:00:00' 
\t \t \t \t }, 
\t \t \t \t { 
\t \t \t \t \t title: 'Birthday Party', 
\t \t \t \t \t start: '2015-02-13T07:00:00' 
\t \t \t \t }, 
\t \t \t \t { 
\t \t \t \t \t title: 'Click for Google', 
\t \t \t \t \t url: 'http://google.com/', 
\t \t \t \t \t start: '2015-02-28' 
\t \t \t \t } 
\t \t \t ] 
\t \t }); 
\t \t 
\t }); 

</script> 
<style> 

#calendar { 
\t \t max-width: 300px; 
\t \t margin: 0 auto; 
\t } 


</style> 





\t \t <!-- END OF IT -->
<?php 
session_start(); 
$username = $_SESSION["username"]; 



?> 
<!DOCTYPE html> 
<!--[if lt IE 7 ]><html lang="en" class="ie6 ielt7 ielt8 ielt9"><![endif]--><!--[if IE 7 ]><html lang="en" class="ie7 ielt8 ielt9"><![endif]--><!--[if IE 8 ]><html lang="en" class="ie8 ielt9"><![endif]--><!--[if IE 9 ]><html lang="en" class="ie9"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!--> 
<html lang="en"><!--<![endif]--> 
\t <head> 
\t \t <meta charset="utf-8"> 
\t \t <title>Dashboard - Flava</title> 
\t \t <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
\t \t <link href="css/bootstrap.min.css" rel="stylesheet"> 
\t \t <link href="css/bootstrap-responsive.min.css" rel="stylesheet"> 
\t \t <link href="css/site.css" rel="stylesheet"> 


\t \t <!-- SCRIPT FOR EVENT CALENDAR --> 
<link href='fullcalendar-2.3.1/fullcalendar.css' rel='stylesheet' /> 
<link href='fullcalendar-2.3.1/fullcalendar.print.css' rel='stylesheet' media='print' /> 
<script src='fullcalendar-2.3.1/lib/moment.min.js'></script> 
<script src='fullcalendar-2.3.1/fullcalendar.min.js'></script> 
<script src='fullcalendar-2.3.1/lib/jquery.min.js'></script> 


\t \t <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> 
\t </head> 
\t <body> 
\t \t <div class="container"> 
\t \t \t <div class="navbar"> 
\t \t \t \t <div class="navbar-inner"> 
\t \t \t \t \t <div class="container"> 
\t \t \t \t \t \t <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="#">Flava Design</a> 
\t \t \t \t \t \t <div class="nav-collapse"> 
\t \t \t \t \t \t \t <ul class="nav"> 
\t \t \t \t \t \t \t \t <li class="active"> 
\t \t \t \t \t \t \t \t \t <a href="index.htm">Dashboard</a> 
\t \t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t \t <a href="settings.htm">Account Settings</a> 
\t \t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t \t <a href="help.htm">Help</a> 
\t \t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t \t <li class="dropdown"> 
\t \t \t \t \t \t \t \t \t <a href="help.htm" class="dropdown-toggle" data-toggle="dropdown">Tours <b class="caret"></b></a> 
\t \t \t \t \t \t \t \t \t <ul class="dropdown-menu"> 
\t \t \t \t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t \t \t \t <a href="help.htm">Introduction Tour</a> 
\t \t \t \t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t \t \t \t <a href="help.htm">Project Organisation</a> 
\t \t \t \t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t \t \t \t <a href="help.htm">Task Assignment</a> 
\t \t \t \t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t \t \t \t <a href="help.htm">Access Permissions</a> 
\t \t \t \t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t \t \t \t <li class="divider"> 
\t \t \t \t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t \t \t \t <li class="nav-header"> 
\t \t \t \t \t \t \t \t \t \t \t Files 
\t \t \t \t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t \t \t \t <a href="help.htm">How to upload multiple files</a> 
\t \t \t \t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t \t \t \t <a href="help.htm">Using file version</a> 
\t \t \t \t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t \t \t </ul> 
\t \t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t </ul> 
\t \t \t \t \t \t \t <form class="navbar-search pull-left" action=""> 
\t \t \t \t \t \t \t \t <input type="text" class="search-query span2" placeholder="Search" /> 
\t \t \t \t \t \t \t </form> 
\t \t \t \t \t \t \t <ul class="nav pull-right"> 
\t \t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t \t <a href="profile.htm"><?php 
\t \t \t \t \t \t \t \t \t echo $username ?></a> 
\t \t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t \t <a href="logout.php">Logout</a> 
\t \t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t </ul> 
\t \t \t \t \t \t </div> 
\t \t \t \t \t </div> 
\t \t \t \t </div> 
\t \t \t </div> 
\t \t \t <div class="row"> 
\t \t \t \t <div class="span3"> 
\t \t \t \t \t <div class="well" style="padding: 8px 0;"> 
\t \t \t \t \t \t <ul class="nav nav-list"> 
\t \t \t \t \t \t \t <li class="nav-header"> 
\t \t \t \t \t \t \t \t Project Management System 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t <li class="active"> 
\t \t \t \t \t \t \t \t <a href="home.php"><i class="icon-white icon-home"></i> Dashboard</a> 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t <a href="projects.php"><i class="icon-folder-open"></i> Projects</a> 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t <a href="tasks.htm"><i class="icon-check"></i> Tasks</a> 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t <a href="messages.htm"><i class="icon-envelope"></i> Messages</a> 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t <a href="files.htm"><i class="icon-file"></i> Files</a> 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t <a href="activity.htm"><i class="icon-list-alt"></i> Activity</a> 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t <li class="nav-header"> 
\t \t \t \t \t \t \t \t Your Account 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t <a href="profile.htm"><i class="icon-user"></i> Profile</a> 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t <a href="settings.htm"><i class="icon-cog"></i> Settings</a> 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t <li class="divider"> 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t <a href="help.htm"><i class="icon-info-sign"></i> Help</a> 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t <li class="nav-header"> 
\t \t \t \t \t \t \t \t Bonus Templates 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t <a href="gallery.htm"><i class="icon-picture"></i> Gallery</a> 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t <a href="blank.htm"><i class="icon-stop"></i> Blank Slate</a> 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t </ul> 
\t \t \t \t \t </div> 
\t \t \t \t </div> 
\t \t \t \t <div class="span9"> 
\t \t \t \t \t <h1> 
\t \t \t \t \t \t Dashboard 
\t \t \t \t \t </h1> 
\t \t \t \t \t <div class="hero-unit"> 
\t \t \t \t \t \t <h1> 
\t \t \t \t \t \t \t Welcome! 
\t \t \t \t \t \t </h1> 
\t \t \t \t \t \t <p> 
\t \t \t \t \t \t \t Project Management System Designed by Flava 
\t \t \t \t \t \t </p> 
\t \t \t \t \t \t <p> 
\t \t \t \t \t \t \t <a href="help.htm" class="btn btn-primary btn-large">Start Tour</a> <a class="btn btn-large">No Thanks</a> 
\t \t \t \t \t \t </p> 
\t \t \t \t \t \t <div id="calendar"></div> 
\t \t \t \t \t \t 
\t \t \t \t \t </div> 




\t \t \t \t \t <div class="well summary"> 
\t \t \t \t \t \t <ul> 
\t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t <a href="#"><span class="count">3</span> Projects</a> 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t <a href="#"><span class="count">27</span> Tasks</a> 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t <li> 
\t \t \t \t \t \t \t \t <a href="#"><span class="count">7</span> Messages</a> 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t \t <li class="last"> 
\t \t \t \t \t \t \t \t <a href="#"><span class="count">5</span> Files</a> 
\t \t \t \t \t \t \t </li> 
\t \t \t \t \t \t </ul> 
\t \t \t \t \t </div> 
\t \t \t \t \t <h2> 
\t \t \t \t \t \t Recent Projects 
\t \t \t \t \t </h2> 
\t \t \t \t \t <table class="table table-bordered table-striped"> 
\t \t \t \t \t \t <thead> 
\t \t \t \t \t \t \t <tr> 
\t \t \t \t \t \t \t \t <th> 
\t \t \t \t \t \t \t \t \t Project 
\t \t \t \t \t \t \t \t </th> 
\t \t \t \t \t \t \t \t <th> 
\t \t \t \t \t \t \t \t \t Client 
\t \t \t \t \t \t \t \t </th> 
\t \t \t \t \t \t \t \t <th> 
\t \t \t \t \t \t \t \t \t Type 
\t \t \t \t \t \t \t \t </th> 
\t \t \t \t \t \t \t \t <th> 
\t \t \t \t \t \t \t \t \t Date 
\t \t \t \t \t \t \t \t </th> 
\t \t \t \t \t \t \t \t <th> 
\t \t \t \t \t \t \t \t \t View 
\t \t \t \t \t \t \t \t </th> 
\t \t \t \t \t \t \t </tr> 
\t \t \t \t \t \t </thead> 
\t \t \t \t \t \t <tbody> 
\t \t \t \t \t \t \t <tr> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t Nike.com Redesign 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t Monsters Inc 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t New Task 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t 4 days ago 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t <a href="#" class="view-link">View</a> 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t </tr> 
\t \t \t \t \t \t \t <tr> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t Nike.com Redesign 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t Monsters Inc 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t New Message 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t 5 days ago 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t <a href="#" class="view-link">View</a> 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t </tr> 
\t \t \t \t \t \t \t <tr> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t Nike.com Redesign 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t Monsters Inc 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t New Project 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t 5 days ago 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t <a href="#" class="view-link">View</a> 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t </tr> 
\t \t \t \t \t \t \t <tr> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t Twitter Server Consulting 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t Bad Robot 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t New Task 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t 6 days ago 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t <a href="#" class="view-link">View</a> 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t </tr> 
\t \t \t \t \t \t \t <tr> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t Childrens Book Illustration 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t Evil Genius 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t New Message 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t 9 days ago 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t <a href="#" class="view-link">View</a> 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t </tr> 
\t \t \t \t \t \t \t <tr> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t Twitter Server Consulting 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t Bad Robot 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t New Task 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t 16 days ago 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t <a href="#" class="view-link">View</a> 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t </tr> 
\t \t \t \t \t \t \t <tr> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t Twitter Server Consulting 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t Bad Robot 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t New Project 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t 16 days ago 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t <a href="#" class="view-link">View</a> 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t </tr> 
\t \t \t \t \t \t \t <tr> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t Twitter Server Proposal 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t Bad Robot 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t Completed Project 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t 20 days ago 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t \t <td> 
\t \t \t \t \t \t \t \t \t <a href="#" class="view-link">View</a> 
\t \t \t \t \t \t \t \t </td> 
\t \t \t \t \t \t \t </tr> 
\t \t \t \t \t \t </tbody> 
\t \t \t \t \t </table> 
\t \t \t \t \t <ul class="pager"> 
\t \t \t \t \t \t <li class="next"> 
\t \t \t \t \t \t \t <a href="activity.htm">More &rarr;</a> 
\t \t \t \t \t \t </li> 
\t \t \t \t \t </ul> 
\t \t \t \t </div> 
\t \t \t </div> 
\t \t </div> 
\t \t 
\t \t <script src="js/bootstrap.min.js"></script> 
\t \t <script src="js/site.js"></script> 
\t </body> 
</html>

看來,DIV日曆沒有顯示,但是當我創建一個新的PHP頁面,只有它的工作fullcalendar。

回答

0

答案是你需要省略一個jquery的聲明資源。與fullcalendar js插件一起工作。

我已經ommitted上引導的jQuery的聲明,並使用自帶的fullcalendar包

+0

也是腳本聲明的流動的jQuery –