Javascript ShowEventPopup don'；行不通

我正在尝试在我的项目中使用FullCalendar 一切似乎都很好，但当我点击某一天时，弹出窗口并没有出现

代码如下：

JAVASCRIPT:

function ShowEventPopup(date) {
        ClearPopupFormValues();

        $('#popupEventForm').show();
        $('#eventTitle').focus();
    }

HTML:

添加新事件
活动名称


预定日期


预定的时间


预约时间（分钟）

---

有人能帮我吗？

在fullcalendar配置中尝试此功能

dayClick: function( date, jsEvent, view) {
    ClearPopupFormValues();
    $('#popupEventForm').show();
    $('#eventTitle').focus();
}

另外，html中缺少一个结尾div

<div id="popupEventForm" class="modal hide" style="display: none;">
    <div class="modal-header"><h3>Add new event</h3></div>
    <div class="modal-body">
        <form id="EventForm" class="well">
            <input type="hidden" id="eventID">
            <label>Event title</label>
            <input type="text" id="eventTitle" placeholder="Title here"><br />
            <label>Scheduled date</label>
            <input type="text" id="eventDate"><br />
            <label>Scheduled time</label>
            <input type="text" id="eventTime"><br />
            <label>Appointment length (minutes)</label>
            <input type="text" id="eventDuration" placeholder="15"><br />
        </form>
    </div>
    <div class="modal-footer">
        <button type="button" id="btnPopupCancel" data-dismiss="modal" class="btn">Cancel</button>
        <button type="button" id="btnPopupSave" data-dismiss="modal" class="btn btn-primary">Save event</button>
    </div>
</div>

添加新事件
活动名称


预定日期


预定的时间


预约时间（分钟）


取消
保存事件

它在本地为我工作。

Javascript

<script>
$(document).ready(function () {

    var sourceFullView = { url: '/Pannello/GetDiaryEvents/' };
    var sourceSummaryView = { url: '/Pannello/GetDiarySummary/' };
    var CalLoading = true;

    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        defaultView: 'agendaWeek',
        editable: true,
        allDaySlot: false,
        selectable: true,
        slotMinutes: 30,
        events: '/Pannello/GetDiaryEvents/',

        eventClick: function (calEvent, jsEvent, view) {
            alert('You clicked on event id: ' + calEvent.id
                + "\nSpecial ID: " + calEvent.someKey
                + "\nAnd the title is: " + calEvent.title);

        },

        eventDrop: function (event, dayDelta, minuteDelta, allDay, revertFunc) {
            if (confirm("Confermi lo spostamento?")) {
                UpdateEvent(event.id, event.start);
            }
            else {
                revertFunc();
            }
        },

        eventResize: function (event, dayDelta, minuteDelta, revertFunc) {

            if (confirm("Confermi il cambio del tempo per l'appuntamento?")) {
                UpdateEvent(event.id, event.start, event.end);
            }
            else {
                revertFunc();
            }
        },



        dayClick: function (date, allDay, jsEvent, view) {
            //$('#eventTitle').val("");
            //var start = moment(start).format('dd/MM/yyyy');
            //$('#eventDate').val("");
            //var time = moment(start).format('HH:mm');
            //$('#eventTime').val("");

            window.alert("Testo del messaggio");

            $('#popupEventForm').show();

            ShowEventPopup(date);
        },

        viewRender: function (view, element) {

            if (!CalLoading) {
                if (view.name == 'month') {
                    $('#calendar').fullCalendar('removeEventSource', sourceFullView);
                    $('#calendar').fullCalendar('removeEvents');
                    $('#calendar').fullCalendar('addEventSource', sourceSummaryView);
                }
                else {
                    $('#calendar').fullCalendar('removeEventSource', sourceSummaryView);
                    $('#calendar').fullCalendar('removeEvents');
                    $('#calendar').fullCalendar('addEventSource', sourceFullView);
                }
            }
        }

    });

    CalLoading = false;


});

$('#btnPopupCancel').click(function () {
    ClearPopupFormValues();
    $('#popupEventForm').hide();
});

$('#btnPopupSave').click(function () {

    $('#popupEventForm').hide();

    var dataRow = {
        'Title': $('#eventTitle').val(),
        'NewEventDate': $('#eventDate').val(),
        'NewEventTime': $('#eventTime').val(),
        'NewEventDuration': $('#eventDuration').val()
    }

    ClearPopupFormValues();

    $.ajax({
        type: 'POST',
        url: "/Home/SaveEvent",
        data: dataRow,
        success: function (response) {
            if (response == 'True') {
                $('#calendar').fullCalendar('refetchEvents');
                alert('New event saved!');
            }
            else {
                alert('Error, could not save event!');
            }
        }
    });
});

function ShowEventPopup(date) {
    ClearPopupFormValues();

    $('#popupEventForm').show();
    $('#eventTitle').focus();
}

function ClearPopupFormValues() {
    $('#eventID').val("");
    $('#eventTitle').val("");
    $('#eventDateTime').val("");
    $('#eventDuration').val("");
}

function UpdateEvent(EventID, EventStart, EventEnd) {

    var dataRow = {
        'ID': EventID,
        'NewEventStart': EventStart,
        'NewEventEnd': EventEnd
    }

    $.ajax({
        type: 'POST',
        url: "/Home/UpdateEvent",
        dataType: "json",
        contentType: "application/json",
        data: JSON.stringify(dataRow)
    });
}

$（文档）.ready（函数（）{
var sourceFullView={url:'/Pannello/GetDiaryEvents/'}；
var sourceSummaryView={url:'/Pannello/GetDiarySummary/'}；
var CalLoading=true；
$（“#日历”）.fullCalendar({
标题：{
左：“上一个，下一个今天”，
中心：'标题'，
右图：“月，agendaWeek，agendaDay”
},
defaultView:'agendaWeek'，
是的，
全天时段：错，
是的，
慢分钟：30，
事件：'/Pannello/GetDiaryEvents/'，
eventClick:函数（calEvent、jsEvent、view）{
警报（'您单击了事件id:'+calEvent.id
+“\n特殊ID:”+calEvent.someKey
+“\n标题为：”+calEvent.title）；
},
eventDrop：函数（事件、日增量、分钟增量、全天、回复函数）{
如果（确认（“会议？”）{
UpdateEvent（event.id，event.start）；
}
否则{
revertFunc（）；
}
},
eventResize：函数（事件、日增量、分钟增量、回复函数）{
如果（确认（“根据应用程序协商节奏”）{
UpdateEvent（event.id、event.start、event.end）；
}
否则{
revertFunc（）；
}
},
dayClick：函数（日期、全天、jsEvent、视图）{
//$（'#eventTitle'）.val（“”）；
//var start=时刻（start）.format（'dd/MM/yyyy'）；
//$（'#eventDate'）.val（“”）；
//变量时间=力矩（开始）。格式（'HH:mm'）；
//$（'#eventTime'）.val（“”）；
窗口警报（“Testo del messaggio”）；
$（'popupEventForm'）.show（）；
ShowEventPopup（日期）；
},
viewRender:函数（视图、元素）{
如果（！调用）{
如果（view.name='month'）{
$（'#calendar'）.fullCalendar（'removeEventSource'，sourceFullView）；
$（“#calendar”）.fullCalendar（'removeEvents'）；
$（“#日历”）.fullCalendar（'addEventSource'，sourceSummaryView）；
}
否则{
$（“#日历”）.fullCalendar（'removeEventSource'，sourceSummaryView）；
$（“#calendar”）.fullCalendar（'removeEvents'）；
$（'#calendar'）.fullCalendar（'addEventSource'，sourceFullView）；
}
}
}
});
调用=错误；
});
$（'#btnPopupCancel'）。单击（函数（）{
ClearPopupFormValues（）；
$（'popupEventForm'）.hide（）；
});
$（'#btnpoppupsave'）。单击（函数（）{
$（'popupEventForm'）.hide（）；
var数据行={
“Title”：$（“#eventTitle”）.val（），
“NewEventDate”：$（“#eventDate”）.val（），
“NewEventTime”：$（“#eventTime”）.val（），
“NewEventDuration”：$（“#eventDuration”）.val（）
}
ClearPopupFormValues（）；
$.ajax({
键入：“POST”，
url:“/Home/SaveEvent”，
数据：dataRow，
成功：功能（响应）{
如果（响应='True'）{
$（“#日历”）.fullCalendar（'refetchEvents'）；
警报（“已保存新事件！”）；
}
否则{
警报（'错误，无法保存事件！'）；
}
}
});
});
函数ShowEventPopup（日期）{
ClearPopupFormValues（）；
$（'popupEventForm'）.show（）；
$（'#eventTitle'）.focus（）；
}
函数ClearPopupFormValues（）{
$（'#eventID'）.val（“”）；
$（'#eventTitle'）.val（“”）；
$（'#eventDateTime'）.val（“”）；
$（'#eventDuration'）.val（“”）；
}
函数UpdateEvent（EventID、EventStart、EventEnd）{
var数据行={
'ID'：EventID，
“NewEventStart”：EventStart，
“NewEventEnd”：EventEnd
}
$.ajax({
键入：“POST”，
url:“/Home/UpdateEvent”，
数据类型：“json”，
contentType:“应用程序/json”，
数据：JSON.stringify（dataRow）
});
}

其他2项功能

 <div class="modal-footer">
    <button type="button" id="btnPopupCancel" data-dismiss="modal" class="btn">Cancel</button>
    <button type="button" id="btnPopupSave" data-dismiss="modal" class="btn btn-primary">Save event</button>
</div>

取消
保存事件

---

如果我看得对的话，您的Javascript不会被触发。因此，要么您必须添加到正在单击属性

onclick=“ShowEventPopup（）”

的元素中，要么您的JavaScript函数中存在错误。添加一个

console.log（'I was triggered'）

检查函数是否执行。在这里发布你的结果你能提供完整的日历配置吗？我有一个功能收集dayClick，我放了一个窗口。提醒检查该功能是否工作，是的dayClick工作问题是，当我按某一天的按钮时，弹出窗口不会显示work@MiTo汉蒂格，请看我的答案。在弹出窗口之后，我还有两个功能，这就是为什么我在末尾缺少一个div的原因。哪些功能？Name？@MiToHanTig我已经编辑了我的答案并更改了添加页脚部分。现在匹配模型div结构。我认为问题在于class=“modal hide”

 <div class="modal-footer">
    <button type="button" id="btnPopupCancel" data-dismiss="modal" class="btn">Cancel</button>
    <button type="button" id="btnPopupSave" data-dismiss="modal" class="btn btn-primary">Save event</button>
</div>