将事件保存在完整日历中

我的页面上有一个fullcalendar实例。每次插入事件(通过引导模式)时，我还使用AJAX将数据发送到php文件，该文件将内容输入到数据库中。然后，每次调用该页面时，条目都会从数据库中取出并出现在日历中。我用下面的代码添加事件:

var myCalendar = $('#calendar');
var myEvent = {
        title: '<?=$r['title'];?>',
        allDay: true,
        start: '<?=$r['startDate'];?>',
        end: '<?=$r['endDate'];?>'
};
myCalendar.fullCalendar('renderEvent', myEvent);

这是代码，在那里我直接添加事件(在引导模态输入信息后)，也是代码，在那里我添加事件，从数据库中获取信息后。这一切都很好，但是:当我切换月份时，事件不再出现，所以当调用页面时，9月的所有事件都在那里，但是当从9月切换到10月再切换回来时，所有事件都不在那里了。为什么会发生这种情况，我该如何改变这种行为?

完整代码:

 <script>
        $(document).ready(function(){
            $('#calendar').fullCalendar({
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,agendaWeek,agendaDay'
                },
                dayClick: function(date, jsEvent, view) {
                    $('#add_date_modal').modal('show');
                    $('#add_date_startdate').val(date.format());
                    $('#add_date_startdate').datepicker({dateFormat: 'yy-mm-dd',firstDay: 1});
                    $('#add_date_enddate').datepicker({dateFormat: 'yy-mm-dd',firstDay: 1});
                },
                editable:true,
                selectable:true
            });
        });
        function addTitle(){
            var title = $('#add_date_title').val();
            var startdate = $('#add_date_startdate').val();
            var enddate = $('#add_date_enddate').val();
            var end_split = enddate.split('-');
            end_split[2]= parseInt(end_split[2])+parseInt("1");
            enddate = end_split[0] + "-" + end_split[1] + "-" + end_split[2];
            $('#add_date_title').val('');
            $('#add_date_startdate').val('');
            $('#add_date_enddate').val('');
            $('#add_date_modal').modal('hide');
            var myCalendar = $('#calendar');
            var myEvent = {
                title:title,
                allDay: true,
                start: startdate,
                end: enddate
            };
            myCalendar.fullCalendar( 'renderEvent', myEvent );
            $.ajax({
                type: "POST",
                url: "process_calendar_data.php",
                data: {
                    title: title,
                    start: startdate,
                    end: enddate
                }
            });
        }
    </script>
    <?php
    $dbh = new PDO(); //Database information
    $sql = $dbh->prepare("SELECT * FROM calendarData WHERE UID=?");
    $sql->execute(array($_SESSION['user']));
    while($r=$sql->fetch()){
        ?>
        <script>
            $(document).ready(function() {
                var myCalendar = $('#calendar');
                var myEvent = {
                    title: '<?=$r['title'];?>',
                    allDay: true,
                    start: '<?=$r['startDate'];?>',
                    end: '<?=$r['endDate'];?>'
                };
                myCalendar.fullCalendar('renderEvent', myEvent);
            });
        </script>
    <?php
    }
    ?>

process_calendar_data.php:

if(!empty($_POST)){
    $title = $_POST['title'];
    $startdate = $_POST['start'];
    $enddate = $_POST['end'];
    $userID = $_SESSION['user'];
    $dbh = new PDO(...);
    $sql = $dbh->prepare("INSERT INTO calendarData VALUES (?,NULL,?,?,?)");
    $sql->execute(array($userID,$title,$startdate,$enddate));
}