使用Fullcalendar仅

时间:2018-12-23 11:09:57

标签: javascript php jquery ajax

我正在尝试使用发现的以下code(使用php + mysql): ...默认视图是“每周”,问题在于当当前星期结束时,事件在星期日被删除。即使时间提前,我仍需要根据每个事件的日期继续显示事件。

$(document).ready(function(){
    var calendar = $('#calendar').fullCalendar({
        header:{
            left: 'prev,next today',
            center: 'title',
            right: 'agendaWeek,agendaDay'
        },
        defaultView: 'agendaWeek',
        editable: true,
        selectable: true,
        allDaySlot: false,

        events: "index.php?view=1",


        eventClick:  function(event, jsEvent, view) {
            endtime = $.fullCalendar.moment(event.end).format('h:mm');
            starttime = $.fullCalendar.moment(event.start).format('dddd, MMMM Do YYYY, h:mm');
            var mywhen = starttime + ' - ' + endtime;
            $('#modalTitle').html(event.title);
            $('#modalWhen').text(mywhen);
            $('#eventID').val(event.id);
            $('#calendarModal').modal();
        },

        //header and other values
        select: function(start, end, jsEvent) {
            endtime = $.fullCalendar.moment(end).format('h:mm');
            starttime = $.fullCalendar.moment(start).format('dddd, MMMM Do YYYY, h:mm');
            var mywhen = starttime + ' - ' + endtime;
            start = moment(start).format();
            end = moment(end).format();
            $('#createEventModal #startTime').val(start);
            $('#createEventModal #endTime').val(end);
            $('#createEventModal #when').text(mywhen);
            $('#createEventModal').modal('toggle');
       },
       eventDrop: function(event, delta){
           $.ajax({
               url: 'index.php',
               data: 'action=update&title='+event.title+'&start='+moment(event.start).format()+'&end='+moment(event.end).format()+'&id='+event.id ,
               type: "POST",
               success: function(json) {
               //alert(json);
               }
           });
       },
       eventResize: function(event) {
           $.ajax({
               url: 'index.php',
               data: 'action=update&title='+event.title+'&start='+moment(event.start).format()+'&end='+moment(event.end).format()+'&id='+event.id,
               type: "POST",
               success: function(json) {
                   //alert(json);
               }
           });
       }
    });

   $('#submitButton').on('click', function(e){
       // We don't want this to act as a link so cancel the link action
       e.preventDefault();
       doSubmit();
   });

   $('#deleteButton').on('click', function(e){
       // We don't want this to act as a link so cancel the link action
       e.preventDefault();
       doDelete();
   });

   function doDelete(){
       $("#calendarModal").modal('hide');
       var eventID = $('#eventID').val();
       $.ajax({
           url: 'index.php',
           data: 'action=delete&id='+eventID,
           type: "POST",
           success: function(json) {
               if(json == 1)
                    $("#calendar").fullCalendar('removeEvents',eventID);
               else
                    return false;


           }
       });
   }
   function doSubmit(){
       $("#createEventModal").modal('hide');
       var title = $('#title').val();
       var startTime = $('#startTime').val();
       var endTime = $('#endTime').val();

       $.ajax({
           url: 'index.php',
           data: 'action=add&title='+title+'&start='+startTime+'&end='+endTime,
           type: "POST",
           success: function(json) {
               $("#calendar").fullCalendar('renderEvent',
               {
                   id: json.id,
                   title: title,
                   start: startTime,
                   end: endTime,
               },
               true);
           }
       });

   }
});

更具体地讲:     事件:“ index.php?view = 1”, 以及用于调用JSON的方法“ doSubmit()”(当成功对象用于“刷新”日历时)

我也发现了这个问题,它可以满足我的需要,但是在尝试合并两个代码时我感到困惑,因为控制台告诉我一个错误:“ JSON.parse()JSON.parse的JSON输入意外结束”: Use FullCalendar without date

0 个答案:

没有答案