来自模态文本框值的事件不呈现:fullcalendar

时间:2017-03-24 11:15:48

标签: jquery fullcalendar

我正在使用jquery fullcalendar并创建了一个模态,用户将在其中输入特定的开始和结束时间。

以下是我对fullcalendar的初始化

    //for datePicker Only under modal

    $('#startDate').datepicker();
    $('#startTime').timepicker();
    $('#endTime').timepicker();


    var theCalendar = $('#calendar');

    $(theCalendar).fullCalendar({


        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        timeFormat: 'h:mm',
        defaultView: 'month',
        editable: true,
        selectable: true,

        select: function(start, end, allDay) {

             $("#myModal").modal("show");     
        },

    });

单击“保存”按钮后,日历中不会显示任何事件。

enter image description here

以下是保存按钮的代码

  function saveBtnSchedule() {
    //get values entered by the user
    startt = $('#startTime').val();
    endd = $('#endTime').val();


    $("#calendar").fullCalendar('renderEvent',
    {

        title: $('#CustomerFullName :selected').text(),
        start: startt,
        end: endd,
        allDay: true

    },
        true); 

    $(theCalendar).fullCalendar("renderEvent", event, true);

}

我正在使用datepicker,timepicker和fullcalendar。

1 个答案:

答案 0 :(得分:1)

试试这个:

var eventsArray = new Array();
eventsArray.push(event);
$(theCalendar).fullCalendar("addEventSource", eventsArray);

renderEvent也不适用于我。我知道这不是最漂亮的解决方案..