fullCalendar日程控件使用

概述fullCalendar日程控件使用

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

function getCalendarData() {    $('#calendar').fullCalendar({        weekMode: {fixed: 5},header: {left: '',center: 'Title',right: 'prev,today,next'},TitleFormat: "YYYY年MM月",handleWindowResize: false,eventlimit: true,// allow "more" link when too many events  monthnames: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],monthnamesShort: ["一月",daynamesShort: ["周日","周一","周二","周三","周四","周五","周六"],firstDay: 1,buttonText: {            today: '今天',prev: '上一月',next: '下一月'  },editable: false,events: function (start,end,timezone,callback) {            $.AJAX({                type: "GET",url: '/routine/myschedules',dataType: 'Json',data: {start: "" + start,end: "" + end,filter: $("#hID").val()},success: function (doc) { var events = []; for (var i = 0; i < doc.meeting.length; i++) { var m = doc.meeting[i];                        events.push({                            key: "meeting",ID: m.ID,typeID: m.meetingType.typeID,Title: m.Title,content: "时间：" + ameutils.convertTime(m.meetingDate,"yyyy-MM-dd hh:mm:ss") + "  类型：" + m.meetingType.typename,start: ameutils.convertTime(m.meetingDate,"yyyy-MM-dd"),time: ameutils.convertTime(m.meetingDate,"yyyy-MM-dd hh:mm:ss"),backgroundcolor: '#E0FFFF',textcolor: '#000000',bordercolor: '#E0FFFF',});                    } for (var i = 0; i < doc.outgoing.length; i++) { var o = doc.outgoing[i];                        events.push({                            key: "outgoing",ID: o.ID,typeID: o.outgoingType.type,Title: o.Title,content: "时间：" + ameutils.convertTime(o.startTime,"yyyy-MM-dd") + "  类型：" + o.outgoingType.typename,start: ameutils.convertTime(o.startTime,time: ameutils.convertTime(o.startTime,constraint: 'availableForMeeting'  }); if (o.outgoingType.type == 10)                            outgoingnum2 = outgoingnum2 + 1; else  outgoingnum1 = outgoingnum1 + 1;                    } var neiHTML = ""; for (var i = 0; i < doc.bulletins.length; i++) { var b = doc.bulletins[i];                        neiHTML += '<dl>';                        neiHTML += '<dt>';                        neiHTML += '<h4>' + b.Title + '</h4>';                        neiHTML += '<span >2015-05-18 07:13</span> </dt>';                        neiHTML += '<dd>';                        neiHTML += '<p>' + b.content + '</p>';                        neiHTML += '</dd>';                        neiHTML += '</dl>';                    } var waiHTML = ""; for (var i = 0; i < doc.announcements.length; i++) { var a = doc.announcements[i];                        waiHTML += '<dl>';                        waiHTML += '<dt>';                        waiHTML += '<h4>' + a.Title + '</h4>';                        waiHTML += '<span >2015-05-18 07:13</span> </dt>';                        waiHTML += '<dd>';                        waiHTML += '<p>' + a.type + '</p>';                        waiHTML += '</dd>';                        waiHTML += '</dl>';                    }                    $("#meetingnum").HTML(doc.meetingnum);                    $("#outgoingnum1").HTML(doc.outgoingnum1);                    $("#outgoingnum2").HTML(doc.outgoingnum2);                    $("#nei").HTML(neiHTML);                    $("#wai").HTML(waiHTML);                    callback(events);                }            });        },loading: function (isLoading,vIEw) { if (isLoading == false) {                $(".fc-more").parent("div").CSS("text-align","center");            }        },eventRender: function (calEvent,element,vIEw) {            element.attr("ID",calEvent.ID);            element.attr("tabindex","0");            element.attr("role","button");            element.attr("data-toggle","popover");            element.attr("data-trigger","focus");            element.attr("data-content",calEvent.content); if (calEvent.key == "meeting") {                element.attr("data-original-Title",calEvent.Title);                element.find("div").prepend('<i ></i>');            } if (calEvent.key == "outgoing") {                element.attr("data-original-Title",calEvent.Title); if (calEvent.typeID == 10) {//请假  element.find("div").prepend('<i ></i>');                } else {                    element.find("div").prepend('<i ></i>');                }            }        },selectable: true  });}

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的fullCalendar日程控件使用全部内容，希望文章能够帮你解决fullCalendar日程控件使用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。