jQuery FullCalendar没有显示数据 [英] jQuery FullCalendar not showing data

问题描述

jQuery FullCalendar不显示只有一个用户的数据，相同的代码可以正常工作。



我已经绑定了代码隐藏的数据。我检查过的每项功能。

主要问题是

代码为多个用户运行但不适用于单个用户。



我的jquery功能： -

 $（文件）.ready（function（）{
 
 var date = new Date（ ）; 
 var d = date.getDate（）; 
 var m = date.getMonth（）; 
 var y = date.getFullYear（）; 
 $（''＃ calendar''）。fullCalendar（{
 
 showTime：true，
 theme：true，
 defaultView：''agendaDay''，
 header：{
 
左：''prev，next，today''，
 center：''title''，
 right：''month，agendaWeek，agendaDay''
}， 
可编辑：false，
 draggable：false，
可选：true，
 selectHelper：true，
 
 eventClick：function（calEvent，jsEvent，view）{
 calEvent.dblclick（function（ev）
 {
 return view.trigger（''dblclick''，这个，事件，ev）; 
}）
}，
 eventElementHandlers：function（event，eventElement）
 {
 var view = this; 
 eventElement 
 .click（function（ev）
 {
 if（！eventElement.hasClass（''ui-draggable-dragging''）&& 
 ！eventElement.hasClass（''ui-resizable-resizing''））
 {
 return view.trigger（''eventClick''，this，event，ev）; 
} 
}）
 .dblclick（函数（ev）
 {
 
返回view.trigger（''dblclick''，this，event，ev）; 
 }）
 .hover（
 function（ev）
 {
 view.trigger（''eventMouseover''，this，event，ev）; 
}，
函数（ev）
 {
 view.trigger（''eventMouseout''，this，event，ev）; 
} 
）; 
}，
 eventRender：function（event，element）{
 
 element.bind（''dblclick''，function（）{
 $（＃dialog） ）。dialog（''open''）; 
 if（calEvent.url）{
 window.open（calEvent.url）; 
 return false; 
} 
 //element.find(\".fc-event-title\").html(event.title +：< span>+ event.description +< / span>）; 
 alert （''双击！''）; 
}）; 
} 
 // dayClick：function（date，allDay，jsEvent，view）{
 // $（＃dialog）。dialog（''open''）; 
 //} 
}）;`for today按钮点击`
 $（''。fc-button-today span''）。click（function（）{
 var action =today; 
 var view = $（''＃calendar''）。fullCalendar（''getView''）; 
 var strView = view.name; 
 var date = new Date（）; 
 var strStartDate = $ .fullCalendar.formatDate（date，''yyyy-MM-dd''）; 
 window.location.href =../ Menu / Calendar.aspx ？startCaldate =+ strStartDate +& action =+ action +& view =+ strView; 
}）;前一个按钮的
点击
 $（''。fc-button-prev span''）。click（function（）{
 var action =prev; 
 var view = $（''＃calendar''）。fullCalendar（''getView''）; 
 var strView = view.name; 
 var loadStartDate = view.start; 
 var strStartDate = $ .fullCalendar.formatDate（loadStartDate，''yyyy-MM-dd''）; 
 var loadEndDate = view.end; 
 var strEndDate = $ .fullCalendar.formatDate（loadEndDate，''yyyy-MM- dd''）; 
 window.location.href =../ Menu / Calendar.aspx？startCaldate =+ strStartDate +& action =+ action +& view =+ strView + & endCaldate =+ strEndDate; 
}）; 
 $（''。fc-button-next span''）。click（function（）{
 var action =next; 
 var view = $（''＃calendar' '）。fulllCalendar（''getView''）; 
 var strView = view.name; 
 var loadStartDate = view.start; 
 var strStartDate = $ .fullCalendar.formatDate（loadStartDate，' 'yyyy-MM-dd''）; 
 var loadEndDate = view.end; 
 var strEndDate = $ .fullCalendar.formatDate（loadEndDate，''yyyy-MM-dd''）; 
 window.location.href =../ Menu / Calendar.aspx？startCaldate =+ strStartDate +& action =+ action +& view =+ strView +& endCaldate =+ strEndDate; 
}）; 
 $（''＃my-button''）。click（function（）{
 var d = $（''＃calendar''）。fullCalendar（''getDate''）; 
 alert（日历的当前日期是+ d）; 
}）; 
 $（＃dialog）。dialog（{
 autoOpen：false，
 height：350，
 width：700，
 modal：true，
按钮：{
''创建事件''：function（）{
 $（this）.dialog（''close''）; 
}，
取消：function （）{
 $（this）.dialog（''close''）; 
} 
}，
 close：function（）{
} 
}）; 
}）; 
 
 function showDate（date，month，year，viewName）{
 
 $（''＃calendar''）。fullCalendar（''changeView''，viewName）; 
 $（''＃calendar''）。fullCalendar（''gotoDate''，年，月，日）; 
} 
 
 //用于在日历中添加db事件的javascript 
函数addEvents（myid，mytitle，startDate，endDate，url，color）{
 
 // $（''＃calendar''）。fullCalendar（''removeEvents''，[2]）; 
 var source1 = {
 events：[
 {
 id：myid，
 title：mytitle，
 start：startDate，
 end： endDate，
 url：url，
 allDay：false 
}，
]，
 color：color，//一个选项！ 
 textColor：''black''//一个选项！ 
 
}; 
 $（''＃calendar''）。fullCalendar（''addEventSource''，source1）; 
 $（''＃calendar''）。fullCalendar（''refetchEvents''）; 
} 

解决方案

（document）.ready（function（）{

var date = new Date（）;
var d = date.getDate（）;
var m = date.getMonth（）;
var y = date.getFullYear（）;

（''＃calendar''）。fullCalendar（{

showTime：true，
theme：true，
defaultView：''agendaDay''，
标题：{

left：''prev，next，today''，
center：''title''，
right：''month，agendaWeek， agendaDay''
}，
可编辑：false，
draggable：false，
可选：true，
selectHelper：true，

eventClick ：function（calEvent，jsEvent，view）{
calEvent.dblclick（function（ev）
{
return view.trigger（''dblclick''，this，event，ev）;
}）
}，
eventElementHandlers：function（event，eventElement）
{
var view = this;
eventElement
.click（function（ev）
{
if（！eventElement.hasClass（''ui-draggable-dragging''）&&
！eventElement.hasClass（''ui-resizable-resizing''））
{
return view.trigger（''eventClick''，this，event，ev）;
}
}）
.dblclick（函数（ev）
{

返回view.trigger（''dblclick''，this，event，ev）;
}）
.hover（
function（ev）
{
view.trigger（''eventMouseover''，this，event，ev）;
}，
函数（ev）
{
view.trigger（''eventMouseout''，this，event，ev）;
}
）;
}，
eventRender：function（event，element）{

element.bind（''dblclick''，function（）{

< blockquote>（＃dialog）。dialog（''open''）;
if（calEvent.url）{
window.open（calEvent.url）;
return false;
}
//element.find(\".fc-event-title\").html(event.title +：< span>+ event.description +< / span>） ;
alert（''double click！''）;
}）;
}
// dayClick：function（date，allDay，jsEvent，view）{
//

jQuery FullCalendar not showing data for only one user and same code work fine for other users.

I have bind the data from code-behind. Every functionality i have checked.
Main problem is that
code runs for multiple users but not working for single user.

My jquery function:-

$(document).ready(function() {
            
            var date = new Date();
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();
            $(''#calendar'').fullCalendar({
                
                showTime: true,
    	        theme: true,
    	        defaultView:''agendaDay'',
    	        header: {
    	        
    		        left: ''prev,next, today'',
    		        center: ''title'',
    		        right: ''month,agendaWeek,agendaDay''
    	        },	
    	        editable: false,
    	        draggable: false,
    	        selectable: true,
                selectHelper: true,	  
    
                         eventClick: function(calEvent, jsEvent, view) {
                                   calEvent.dblclick(function (ev)
                                {
                                    return view.trigger(''dblclick'', this, event, ev);
                                })   
                        },
                         eventElementHandlers: function (event, eventElement)
                            {
                                var view = this; 
                                eventElement
                                .click(function (ev)
                                {
                                    if (!eventElement.hasClass(''ui-draggable-dragging'') &&
                                        !eventElement.hasClass(''ui-resizable-resizing''))
                                    {
                                        return view.trigger(''eventClick'', this, event, ev);
                                    }
                                })
                                .dblclick(function (ev)
                                {
                                    
                                    return view.trigger(''dblclick'', this, event, ev);
                                })
                                .hover(
                                    function (ev)
                                    {
                                        view.trigger(''eventMouseover'', this, event, ev);
                                    },
                                    function (ev)
                                    {
                                        view.trigger(''eventMouseout'', this, event, ev);
                                    }
                                );
                            },
                             eventRender: function(event, element) {
                             
                               element.bind(''dblclick'', function() {
                                $("#dialog").dialog(''open'');
                                if (calEvent.url) {
                                        window.open(calEvent.url);
                                        return false;
                                      }
                                    //element.find(".fc-event-title").html(event.title + ": <span>" + event.description + "</span>");
                                alert(''double click!'');                         
                            });
                            }
        //            dayClick: function (date, allDay, jsEvent, view) { 
        //                  $("#dialog").dialog(''open'');
        //                }      
                });`for today button click`
                $(''.fc-button-today span'').click(function(){ 
                    var action="today";
                    var view =  $(''#calendar'').fullCalendar(''getView'');
                    var strView = view.name;
                    var date = new Date();
                    var strStartDate = $.fullCalendar.formatDate(date, ''yyyy-MM-dd'');
                    window.location.href="../Menu/Calendar.aspx?startCaldate=" + strStartDate + "&action=" + action + "&view=" + strView;
                 });
    for previous button click
               $(''.fc-button-prev span'').click(function(){ 
                    var action="prev";
                    var view =  $(''#calendar'').fullCalendar(''getView'');
                    var strView = view.name;
                    var loadStartDate = view.start;
                    var strStartDate = $.fullCalendar.formatDate(loadStartDate, ''yyyy-MM-dd'');
                    var loadEndDate = view.end;
                    var strEndDate = $.fullCalendar.formatDate(loadEndDate, ''yyyy-MM-dd'');
                    window.location.href="../Menu/Calendar.aspx?startCaldate=" + strStartDate + "&action=" + action + "&view=" + strView + "&endCaldate="+ strEndDate;
               });
               $(''.fc-button-next span'').click(function(){            
                    var action="next";
                    var view =  $(''#calendar'').fullCalendar(''getView'');
                    var strView = view.name;
                    var loadStartDate = view.start;
                    var strStartDate = $.fullCalendar.formatDate(loadStartDate, ''yyyy-MM-dd'');
                    var loadEndDate = view.end;
                    var strEndDate = $.fullCalendar.formatDate(loadEndDate, ''yyyy-MM-dd'');
                    window.location.href="../Menu/Calendar.aspx?startCaldate=" + strStartDate + "&action=" + action + "&view=" + strView + "&endCaldate="+ strEndDate;
                });
                 $(''#my-button'').click(function() {
                     var d = $(''#calendar'').fullCalendar(''getDate'');
                     alert("The current date of the calendar is " + d);
                    });
                $("#dialog").dialog({
                    autoOpen: false,
                    height: 350,
                    width: 700,
                    modal: true,
                    buttons: {
                        ''Create event'': function () {
                            $(this).dialog(''close'');
                        },
                        Cancel: function () {
                            $(this).dialog(''close'');
                        }
                        },
                        close: function () {
                        }
                });
            });
    
        function showDate(date,month,year,viewName){
           
            $(''#calendar'').fullCalendar( ''changeView'', viewName );
            $(''#calendar'').fullCalendar( ''gotoDate'', year, month, date);
        }  
         
        // javascript for adding db events in calendar
        function addEvents(myid,mytitle, startDate, endDate, url, color) { 
        
        //$(''#calendar'').fullCalendar( ''removeEvents'', [2]);
        var source1 = {
        events: [
        {
            id: myid,
            title: mytitle,
            start: startDate,
            end : endDate,
            url : url,
            allDay: false
        },
        ],
        color: color,   // an option!
        textColor: ''black'' // an option!
        
       };
        $(''#calendar'').fullCalendar(''addEventSource'', source1);
        $(''#calendar'').fullCalendar(''refetchEvents'');
    }

解决方案

(document).ready(function() { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear();

(''#calendar'').fullCalendar({ showTime: true, theme: true, defaultView:''agendaDay'', header: { left: ''prev,next, today'', center: ''title'', right: ''month,agendaWeek,agendaDay'' }, editable: false, draggable: false, selectable: true, selectHelper: true, eventClick: function(calEvent, jsEvent, view) { calEvent.dblclick(function (ev) { return view.trigger(''dblclick'', this, event, ev); }) }, eventElementHandlers: function (event, eventElement) { var view = this; eventElement .click(function (ev) { if (!eventElement.hasClass(''ui-draggable-dragging'') && !eventElement.hasClass(''ui-resizable-resizing'')) { return view.trigger(''eventClick'', this, event, ev); } }) .dblclick(function (ev) { return view.trigger(''dblclick'', this, event, ev); }) .hover( function (ev) { view.trigger(''eventMouseover'', this, event, ev); }, function (ev) { view.trigger(''eventMouseout'', this, event, ev); } ); }, eventRender: function(event, element) { element.bind(''dblclick'', function() {

("#dialog").dialog(''open''); if (calEvent.url) { window.open(calEvent.url); return false; } //element.find(".fc-event-title").html(event.title + ": <span>" + event.description + "</span>"); alert(''double click!''); }); } // dayClick: function (date, allDay, jsEvent, view) { //

这篇关于jQuery FullCalendar没有显示数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！