fullcalendar 使用教程

2021-09-08 11:53:41 字數 2117 閱讀 9248

$('#calendar')

.fullcalendar(

,buttontext : ,

defaultdate : date,

eventphase : 5,

editable :

false,//

可以拖動

selectable : true

, eventlimit :

true

,

events:function(start, end, callback)

eventorder :'seq', 

//

注意:這裡有兩種實現方法,下面是一種,還有一種 是通過url,如events:'/data.json'

//events : [ , , , , , , , , , , , ],

dayclick : function

(date, allday, jsevent, view) ,

eventclick :

function

(calevent, jsevent, view)

else

count++;}}

if (count == 1)

else

$("#viewmodal").modal();

$('#mycarousel').carousel();

break

;

case 'course':

$(this).attr('target', '_blank')

break

;

case 'other':

break

; }

}});

$(".body-left .file-list").each(

function

(index)

switch

(datatype) ;

break

;

case 'audio':

eventdata.classname = 'icon-audio-sm';//

這裡可以設定此action的樣式,

eventdata.data =;

break

;

case 'picture':

eventdata.classname = 'icon-picture-sm';//

這裡可以設定此action的樣式,

eventdata.data =;

break

;

case 'course':

eventdata.classname = 'icon-course-sm';//

這裡可以設定此action的樣式,

eventdata.data =;

eventdata.url = '';

break

;

case 'other':

eventdata.classname = 'icon-other-sm';//

這裡可以設定此action的樣式,

FullCalendar控制項的使用

fullcalendar提供了豐富的屬性設定和方法呼叫,開發者可以根據fullcalendar提供的api快速完成乙個日曆日程的開發,下面展示使用的案例 本人開發的頁面及 如下 日曆任務管理 機構人員 textfield nodetext valuefield nodeid parentfield ...

fullCalendar 日曆外掛程式

div id calendar div 初始化fullcalendar var calendar calendar fullcalendar 日曆高度,包括表頭 height 850,標題格式化 titleformat 月份名稱簡寫,monthnamesshort 一月 二月 三月 四月 五月 六月...

fullCalendar動態獲取資料

if in array week,array 星期六 星期日 else break case 3 if in array week,array 星期五 星期六 星期日 else break default break info k isrent 1 1表示可租 info k stock stock ...