簡體   English   中英

jQuery周日歷設置

[英]JQuery Week Calendar Setup

我很難(沒有明顯的原因)讓jquery周日歷完全顯示出來。

我鏈接到這些文件:

<link rel="stylesheet" href="/transporter/jquery-weekcalendar-1.2.2/jquery.weekcalendar.css">
    <script type="text/javascript" src="/transporter/jquery-weekcalendar-1.2.2/jquery.weekcalendar.js"></script>
    <script type="text/javascript src='/transporter/jquery-weekcalendar-1.2.2/jquery.weekcalendar.js.min.js"></script> 

然后像這樣初始化我的日歷:

$( "#eventscalendar" ).weekCalendar({
                      timeslotsPerHour : 4,
                      allowCalEventOverlap : true,
                      overlapEventsSeparate: true,
                      firstDayOfWeek : 1,
                      businessHours :{start: 8, end: 18, limitDisplay: true },
                      daysToShow : 7,
                      height : 300});

這是我的DIV:

<div 
    id="eventscalendar" 
    class="span11">

</div>  

我看到的錯誤是這樣的:

Uncaught type error: [object Object] has no method 'weekCalendar'

我正在使用Bootstrap。 問題一定是缺少CSS或JS引用,但是我在演示中在線找到的代碼根本不適合我。

JQuery Week Calendar是否不喜歡Bootstrap? 我在這里可能會想念什么?

感謝您提供任何有用的提示!

關閉標簽不正確

而且看起來您不是首先加載jQuery

<script type="text/javascript 'src='/transporter/jquery-weekcalendar-1.2.2/jquery.weekcalendar.js.min.js"
                             ^--------------

應該是

<script type="text/javascript" src="/transporter/jquery-weekcalendar-1.2.2/jquery.weekcalendar.js.min.js"

而需要確保jquery包括使用以前jquery claender plugin

<link rel="stylesheet" href="/transporter/jquery-weekcalendar-1.2.2/jquery.weekcalendar.css">

// jQuery shold be loaded before you include your weekcalender plugin 

    <script type="text/javascript" src="/transporter/jquery-weekcalendar-1.2.2/jquery.weekcalendar.js.min.js"></script>

確保僅包含minified版本或development版本。 但不是兩個javascript文件。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM