全日歷故障排除事件

Question

我可以將事件保存在數據庫中，但是可以保存其他日期。

當我單擊一個日期時，它會詢問事件名稱並保存。 該事件保存在當天的當前日期，而不是我選擇/單擊的日期。

另外，它在數據庫上保存的時間取決於計算機的當前時間。

我正在使用v2.1

這是我的代碼：

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<link href='css/fullcalendar.css' rel='stylesheet' />
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='js/moment.min.js'></script>
<script src='js/jquery.min.js'></script>
<script src='js/fullcalendar.min.js'></script>


<script>

$(document).ready(function() {

    var calendar = $('#calendar').fullCalendar({

        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },

        editable: true,
        events:  "http://localhost/fullcalendar/events.php",
        selectable:true,

        select: function(start,end,title,date){
            var title = prompt('Event Title:');
            //var eventData;
            if(title){
                 var start = $.fullCalendar.moment().format();
                 var end = $.fullCalendar.moment().format();
                 $.ajax({
                        url:'http://localhost/fullcalendar/add_events.php',
                        data: 'title=' + title +'&start='+ start +'&end='+ end,
                        type:"POST",
                        success: function(json){
                            alert('Added Sucessfully');
                        }   

                 });



                 eventData = {
                        title:title,
                        start:start,
                        end:end,

                 };
                 $('#calendar').fullCalendar('renderEvent', eventData, true); //this makes the event stick on the calendar but not save on the database
            }
                $('#calendar').fullCalendar('unselect');
        },

        eventLimit:true,        



    });


});

 </script>
 <style>

body {
    margin: 0;
    padding: 0;
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size: 14px;
}

#calendar {
    width: 900px;
    margin: 40px auto;
}

</style>
</head>
<body>

<div id='calendar'></div>

</body>
</html>

Answer 1

在select函數中，您具有以下代碼：

var start = $.fullCalendar.moment().format();
var end = $.fullCalendar.moment().format();

這意味着您將覆蓋start和end參數。 使用時， start和end將具有當前日期時間，而不是用戶選擇的日期時間。

如果刪除這兩行，它應該可以正常工作。

Answer 2

var start = $.fullCalendar.moment(start).format(YYYY/MM/DD);

var end = $.fullCalendar.moment(end).format(YYYY/MM/DD);

全日歷故障排除事件

問題描述

2 個解決方案

解決方案1
1 2014-09-17 18:58:14

解決方案2
0 2015-07-19 13:10:24

全日歷故障排除事件

問題描述

2 個解決方案

解決方案1 1 2014-09-17 18:58:14

解決方案2 0 2015-07-19 13:10:24

解決方案1
1 2014-09-17 18:58:14

解決方案2
0 2015-07-19 13:10:24