FullCalendar для загрузки внешнего файла в модальное диалоговое окно пользовательского интерфейса jQuery

Поэтому я пытаюсь использовать диалоговое окно FullCalendar и jQuery UI. И я не уверен, как правильно расположить 2 вместе.

Когда я выбираю событие пустого дня или щелкаю по нему, я хочу, чтобы всплыло диалоговое окно jQuery Modal. ХОТЯ Я бы хотел, чтобы он загрузил внутренний файл (включая php). Но недостатком этого является то, что я не могу заставить его закрыть диалоговое окно, когда получаю форму для отправки.

Кроме того, используя этот метод, я не могу заставить его вытянуть дату, на которую я нажал, автоматически заполните поле даты начала.

Как лучше всего смешивать в модальном диалоговом окне пользовательского интерфейса jQuery с fullCalendar?

Буду признателен за любую помощь. Если возможно, есть ли хороший способ загрузки внешнего файла?

Это то, что у меня сейчас есть:

select: function(start, end, date, allDay, jsEvent, view, calEvent) {
    $("#addEventDialog").dialog("open");

$("#addEventDialog").load('dialog.CalendarNewEvent.php').dialog({
    title: 'Add Event',
    modal: true,
    buttons: {
        "Save": function() {
           $("#calendarWidget2").ajaxSubmit({
                target: "#calendarResponse",
                dataType: 'json',
                clearForm: true,
                success: function(response, event) {
                    //If the widget says it's okay to refresh, refresh otherwise, consider it done
                    if(response.refreshEvents == '1') {
                      $("#calendar").fullCalendar("refetchEvents");
                    }
                    // Close the dialog box when it has saved successfully
                    $("#addEventDialog").dialog("destroy");
                    // Update the page with the reponse from the server
                    $("#calendarResponse").append("Successfully Added: "+ response.title +"<br />"); 

                },
                error: function() {
                    alert("Oops... Looks like we're having some difficulties.");    
                }
          }); // Close ajax submit
        },
        "Cancel": function() { $(this).dialog("close"); } 
    }, //End buttons
});

//alert("The inputs will work if i un-comment this alert");

/* UPDATE ALL THE VALUES IN THE DIALOG BOX */
$("#startDate").val($.fullCalendar.formatDate(start, 'yyyy/MM/dd'));
$("#endDate").val($.fullCalendar.formatDate(end, 'yyyy/MM/dd'));

},

Так, как упоминает мой код, когда я использую этот код, ничего не обновляется ... но все же, когда я использую функцию ALERT, где я ее сейчас размещаю, и заставляю ее реально жить ... входные значения будут обновляться по какой-то причине. Это похоже на то, как если бы функция действовала слишком быстро, чтобы заставить значения применяться, поэтому, когда у меня там остановка оповещения, она заставляет его работать ... какие-нибудь мысли?